Candee – Shopify Candle Store Theme

First of all, thank you for purchasing our Candee Shopify theme.

FEATURES:

  • Direct to checkout
  • Related products
  • Inventory quantity bar
  • Ajax Filter
  • Multiple Collection page option
  • Quick view Smart
  • Search suggestions
  • Mega Menu
  • Mini - Cart with Drawer
  • Add to Wishlist
  • Instagram Feed
  • Unlimited Languages
  • Unlimited Currency
  • Size Guide Pop up
  • Multiple Product Page option
  • Social Sharing
  • Multiple header option
  • 100% responsive design

1. Installation Steps

Go to your store "Admin > Online store"

  1. Go to add theme option and upload the theme zip file to your store.
  2. Go to the publish option and publish the theme.

2. Create a Pages

Go to your store "Admin > Online store > Pages > Add page" button. Give the title of the page and content of the page then click on the save button.




2.1 Create a wishlist page

Go to your store "Admin > Online store > Pages > Add page" button. Give the title of the page and theme template select as a wishlist then click on the save button.


3. Create a Blog

Go to your store "Admin > Online store > Blog posts > Add blog post" button. Give the detail of the blog, upload the featured image and select the visibility visible option then click on the save button.


5. Create a products collection

Go to your store "Admin > Online store > Products > Collections" option.

Below screenshot top right side corner click on create collection button and give the detail of the collection and save it.

6. Recommended Images size

  1. Header section logo image size is (190 X 95)px
  2. Slideshow section main banner size is (1903 X 560)px
  3. Featured collection section product image size is (1200 X 1700)px
  4. Background image with text section image size is (3800 X 1360)px
  5. Collection list section image size is (462 X 590)px
  6. Sub banner section image size is (705 X 400)px
  7. Image with text section image size is (668 X 568)px
  8. Blog section image size is (1500 X 1000)px
  9. Multicolumn section icon image size is (114 X 114)px
  10. Instagram section image size is (451 X 581)px

7. Configuration Settings

Go to your store "Admin > Online store > Themes > Customize" option.

  • 7.1 Default skin color settings

    Go to "Customize > Theme settings > Colors"



  • 7.2 Font settings

    Go to "Customize > Theme settings > Typography"

    Headings:

    You can enable and disable the heading font here. If you want to use other fonts then disable the theme font option and select the font from the below option.

    Body:

    You can select the body font you want.



  • 7.3 Theme settings

    Go to "Customize > Theme settings"

    Logo:

    You can set the header logo and favicon icon from here.

    Layout:

    You can set store layout here.

    Animation:

    You can set animation settings here.

    Buttons:

    You can set all the button settings styles from here.

    Products cards:

    You can set all product card settings from here.

    Collection cards:

    You set the all collection list settings from here.

    Blog cards:

    You set the blog card settings from here.

    Media:

    You can set almost all the image settings from here.

    Newsletter popup:

    You can set newsletter popup enable/disable settings from here.

    Cart:

    You can configure cart drawer settings from here.

    Product grid swatch:

    You can set product page variant(Ex: Color) swatch settings from here.

    Wishlist:

    You can configure wishlist page settings from here.

8. Configuration All Section Settings

Go to your store "Admin > Online store > Themes > Customize" option.

  • 8.1 Announcement bar section settings


    Go to "Customize > Announcement bar" section.


    Auto-rotate slides:

    Enable/Disable auto rotate slides.

    Text alignment:

    Set the text position you want.

    Color Scheme:

    Select the color scheme for the announcement bar.


    Go to "Customize > Announcement bar > Announcement bar block" section.


    Text:

    Set text for the announcement bar block you want.

    Link:

    Set the redirection link for the announcement bar block you want.

    Icon image:

    Set the icon image for the announcement bar block you want.





  • 8.3 Announcement bar 2 section settings


    Go to "Customize > Announcement bar 2" section.


    Color scheme:

    Select a color scheme for this section.

    Social icon color:

    Select the social icon color you want.

    Border color:

    Select the social icon border color you want.

    Social hover color:

    Select the social icon hover color you want.

    Enable/Disable social icon:

    Enable the option to display social icon.


    Go to "Customize > Announcement bar 2 > Announcement block" section.


    Text:

    Set text for the announcement bar block you want.

    Text alignment:

    Set the text position you want.

    Link:

    Set the redirection link for the announcement bar block you want.



  • 8.4 Slideshow section settings


    Go to "Customize > Slideshow" section.


    Layout:

    Select the layout you want.

    Slide height:

    Select the slide image height you want.

    Pagination style:

    Select the pagination style you want.

    Enable the auto-rotates slides option for rotating images.

    You can set any time between ranges for rotating the image.

    Animation:

    Select the image behavior option you want.

    Mobile layout:
    Show content below images on mobile:

    If you want to show the content below images on mobile view, select this option.

    Pagination color:

    Select the pagination color you want.


    Go to "Customize > Slideshow > Slideshow block" section.


    Image:

    Add/upload the image you want. (Recommended image size is 2000 X 1333)

    Mobile Image:

    Add/upload the image for mobile devices. (Recommended image size is 750 X 850)

    Caption:

    Set the caption text you want.

    Heading:

    Set the heading text you want.

    Subheading:

    Set the subheading text you want.

    Button label:

    Set the button label you want.

    Button link:

    Set the redirection link of the button.

    Desktop content position:

    Set the content position on the desktop.

    Desktop content Alignment:

    Set the content alignment on the desktop.

    Content style:

    Set the content style on the desktop.

    Color scheme:

    Select the color scheme for content. When you use this option then enable the Show container on the desktop option.

    Mobile Layout:
    Mobile content alignment:

    Set the content alignment on the mobile view.



  • 8.5 Rich text section settings


    Go to "Customize > Rich text" section.


    Desktop content position:

    Set the content position on the desktop.

    Content Alignment:

    Set the content alignment.

    Color scheme:

    Select the color scheme for content.

    If you want to set the rich text section to be full width then enable the make section full width option.

    Top padding:

    Set the top padding for the section top spacing.

    Bottom padding:

    Set the bottom padding for the section bottom spacing.


    Go to "Customize > Rich text > Rich text block" section.


    Caption:

    Set the caption text you want.

    Heading:

    Set the heading text you want.

    Text:

    Set the description text you want.

    Buttons:

    Set the button label and redirection link of the button.





  • 8.7 Background image with text section settings


    Go to "Customize > Background image with text" section.


    image:

    Add/Upload the background image you want. (Recommended image size is 3800 X 1360)

    Content:

    Add the text or liquid code content.

    Color scheme:

    Select the color scheme for the content.

    Border color:

    Select the border color you want.



  • 8.8 Collection list section settings


    Go to "Customize > Collection list" section.


    Heading:

    Set the heading text you want.

    Heading size:

    Set the heading size you want.

    Heading alignment:

    Set the heading alignment you want.

    Image ratio:

    Select the image ratio you want.

    Set the number of columns on the desktop device.

    Color scheme:

    Select the color scheme you want.

    Collection title position:

    Select the title position you want.

    Button title background color:

    Select the title background color you want.

    Button title text color:

    Select the title text color you want.

    Button title hover BG color:

    Select the title background hover color you want.

    Button title hover text color:

    Select the title text hover color you want.

    Button title border color:

    Select the button title border color you want.

    Button title border hover color:

    Select the button title border hover color you want.

    Image border color:

    Select the image border color you want.

    (Note: Button title background and hover color work when you will select collection title position as a Title above image option.)

    Select the “View all” button option for the display of the view all button.

    Mobile Layout Settings:-

    Set the number of columns on the mobile device.

    Enable swipe on mobile option for slider.


    Go to "Customize > Collection list > Collection block" section.


    Image:

    Add/upload the image you want. (Recommended image size is 462 X 590)

    Collection:

    Select the products collection from the collection list.



  • 8.9 Sub banner section settings


    Go to "Customize > Sub banner" section.


    Heading:

    Set the heading text you want.

    Heading size:

    Select the heading size you want.

    Heading alignment:

    Set the heading alignment you want.

    Sub heading:

    Set the sub heading text you want.

    Select column:

    Select the column for how many sub banners you want to display.

    Desktop content position:

    Set the content position for the desktop.

    Desktop content alignment:

    Set the content alignment for the desktop.

    Color scheme:

    Select the color scheme for this section.

    Mobile Layout Settings:-
    Mobile content alignment:

    Set the content alignment for the mobile.

    Top padding:

    Set the top spacing for sub banner section.

    Bottom padding:

    Set the bottom spacing for sub banner section.


    Go to "Customize > Sub banner > Banner block" section.


    Image:

    Add/Upload the image you want. (Recommended image size is 705 X 400)

    Title:

    Set the title text you want.

    Sub title:

    Set the sub title text you want.

    Button:

    Set the button label you want.

    Image Url:

    Set the redirection link for the image.

    Text Color:

    Select the text color you want.



  • 8.10 Image with text section settings


    Go to "Customize > Image with text" section.


    Image:

    Add/Upload the image you want. (Recommended image size is 668 X 567)

    Image height:

    Select the image height you want.

    Desktop image width:

    Select the image width you want.

    Desktop image placement:

    Select the image position you want.

    Desktop content position:

    Set the content position in the desktop view.

    Desktop content alignment:

    Set the content alignment in the desktop view.

    Content layout:

    Select the content layout you want.

    Color scheme:

    Select the color scheme you want.

    Animation:

    Select the image behavior option you want.

    Mobile layout settings:-
    Mobile content alignment:

    Set the content alignment in the mobile view.


    Go to "Customize > Image with text > block" section.


    Caption:

    Set the caption text you want.

    Heading:

    Set the heading text you want.

    Content:

    Set the content text you want.

    Button label:

    Set the button label you want.



  • 8.11 Blog posts section settings


    Go to "Customize > Blog posts" section.


    Heading:

    Set the heading text you want.

    Heading Size:

    Set the heading font size you want.

    Heading alignment:

    Set the heading position you want.

    Blog:

    Select the blog from a created blog post list.

    Select the range of a number of blog posts to show.

    Select the range of a number of columns on the desktop.

    Color scheme:

    Select the color scheme for the blog section.

    Show featured image:

    To display the image enable this option.

    Show date:

    Enable this option for the display date.

    Show author:

    Enable this option for the display author.

    To display the view all button then enable this option.



  • 8.12 Review section settings


    Go to "Customize > Review" section.


    Heading:

    Set the heading text you want

    Heading size:

    Set the heading size you want.

    Heading alignment:

    Select the heading alignment position you want.

    Select the range of number of columns on desktop.

    Column Alignment:

    Select the column alignment position you want.

    Color scheme:

    Select the color scheme you want.

    Enable the carousel on desktop option for a slider on desktop view.

    Mobile layout settings:

    Set the number of columns on the mobile device.

    Enable swipe on mobile option for slider in mobile view.


    Go to "Customize > Review > Review block" section.


    Title:

    Set the review title text you want.

    Content:

    Set the review content you want.

    Person Name:

    Set the person name you want.



  • 8.13 Email signup section settings


    Go to "Customize > Email signup" section.


    Color scheme:

    Select the color scheme for the email signup section.

    If you want to make the section full width then enable the Make section full width option.

    Top padding:

    Set the top spacing for the email signup section.

    Bottom padding:

    Set the bottom spacing for the email signup section.



  • 8.14 Collapsible content settings


    Go to "Customize > Collapsible content" section.


    Caption:

    Set the caption text you want

    Heading:

    Set the heading text you want

    Heading size:

    Select the heading size you want

    Heading alignment:

    Select the heading position you want

    Layout:

    Select the layout you want.

    Color scheme:

    Select the color scheme you want.

    Container color scheme:

    Select the container color scheme you want.

    Open first collapsible row:

    If you want to open the first collapsible row then enable the option.

    Image Layout:
    Image:

    Add/Upload the background image you want.

    Image ratio:

    Select the image ratio you want.

    Desktop layout:

    Select the desktop layout you want.


    Go to "Customize > Collapsible content > collapsible row" section.


    Heading:

    Set the heading text you want.

    Icon:

    Select the icon you want.

    Row content:

    Set the description you want.

    Row content from page:

    If you want to display page content then select that page.



  • 8.15 Multicolumn section settings


    Go to "Customize > Multicolumn" section.


    Heading:

    Set the heading text you want.

    Heading size:

    Select the heading size you want

    Heading alignment:

    Select the heading position you want

    Image width:

    Select the image width you want.

    Image ratio:

    Select the image ratio you want.

    Select the number of columns on the desktop view.

    Column alignment:

    Set the column alignment you want.

    Secondary background:

    Select the background color for the column.

    Button label:

    Set the button label text you want.

    Button link:

    Set the redirection link of the button.

    Color scheme:

    Select the color scheme for this section.

    Mobile layout settings:-

    The select number of columns you want to display on mobile view.

    Enable the Enable swipe on mobile option for a slider on a mobile view.


    Go to "Customize > Multicolumn > Column block" section.


    Image:

    Add/Upload the icon image you want. (Recommended image size is 114 X 114)

    Heading:

    Set the heading text you want.

    Description:

    Set the description text you want.

    Link label:

    Set the link label you want.

    Link:

    Set the redirection page link you want.



  • 8.16 Instagram section settings


    Go to "Customize > Instagram" section.


    Heading:

    Set the heading text you want.

    Heading size:

    Set the heading text size.

    Heading alignment:

    Set the heading text position you want.

    Select the number of columns on the desktop view.

    Color scheme:

    Select the color scheme you want.

    Mobile layout settings:-

    Select the number of columns you want to display on mobile view..

    Enable the Enable swipe on mobile option for a slider on a mobile view.

    Top padding:

    Set the top spacing for the section.

    Bottom padding:

    Set the bottom spacing for the section.


    Go to "Customize > Instagram > Column block" section.


    Image:

    Add/Upload the image you want. (Recommended image size is 451 X 581)

    Link:

    Set the redirection link of the image.





  • 8.18 Collection Page settings


    (1) Collection banner section settings


    Go to "Customize > Default Collection Page > Collection banner" section.


    Enable the show collection description option to show the description.

    Enable the show collection image option to show the image.

    Color scheme:

    Select the color scheme you want.


    (2) Product grid section settings


    Go to "Customize > Default Collection Page > Product grid" section.


    Product per page:

    Select the range of how many products to display per page.

    Select the number of columns for desktop view.

    Color scheme:

    Select the color scheme you want.

    Product Card Settings:-
    Image ratio:

    Select the image ratio you want.

    Image shape:

    Select the image shape you want.

    Show second image on hover:

    Enable the option to show a second image on mouse hover.

    Show vendor:

    Enable the option to display the vendor.

    Show product rating:

    Enable the option to display the rating.

    Enable quick add button:

    Enable the option to display the quick add button on the products.

    Filter and Sorting Settings:-
    Enable filtering:

    You can enable/disable the filter option.

    Desktop filter layout:

    Select the filter layout you want.

    You can enable/disable the Sorting option.

    Mobile layout:-

    Select the number of columns to display on mobile view.



9. Default Section And Basic Option Settings

(Newsletter-Popup, Minicart, Wishlist-Page)

Go to your store "Admin > Online store > Themes > Customize" option.

  • 9.1 Newsletter popup section settings


    (Q) How to enable or disable newsletter popup ?

    Answer: Go to your store "Admin > Online store > Themes > Customize > Theme settings > Newsletter Popup" option.

    Go to "Customize > Newsletter" section.


    Image:

    Add/Upload the newsletter image you want. (Recommended image size is 900 X 1000)px

    Mobile image:

    Add/Upload the newsletter mobile image you want. (Recommended image size is 400 X 200)px

    Title:

    Set the title you want.

    Content:

    Set the content you want.

    Newsletter view option:

    Select the newsletter view option. (Note: If you choose the button option, you will click on the button then the newsletter will display.)

    Bottom text:

    Set the bottom text you want.



  • 9.2 Minicart/Cart settings

    Go to "Customize > Theme settings > Cart" option.


    Cart type:

    Select the cart type you want.

    Show vendor:

    Enable the option for display vendor.

    Enable cart note:

    Enable the cart note for display cart note option.

    Enable free shipping:

    Enable the option for displaying free shipping.

    Enable express shipping:

    Enable the option for displaying express shipping.

    Step 1 title:

    Set the step1 title for free shipping.

    Step 1 image:

    Select the step 1 image you want.

    Step 1 amount:

    Set the step1 amount for free shipping.
    (Note: You have to add the price multiplied by 100. Example: 100=$1,1000=$10 etc...)

    Step 1 Success Msg:

    Set the step1 success message for free shipping.

    Step 2 title:

    Set the step2 title for express shipping.

    Step 2 image:

    Select the step 2 image you want.

    Step 2 amount:

    Set the step2 amount for express shipping.
    (Note: You have to add the price multiplied by 100. Example: 100=$1,1000=$10 etc...)

    Step 2 Success Msg:

    Set the step2 success message for express shipping.

    Shipping Bg Color:

    Set the shipping background color you want.

    Collection title:

    Set the collection title for collection.

    Collection:

    Select the collection from the products collection list.

    Color scheme:

    Select the color scheme you want.



  • 9.3 Wishlist page settings

    Go to "Customize > Theme settings > Wishlist" option.


    Enable Wishlist:

    You can enable/disable wishlist from here.

    How many columns to show then set a number of columns on the desktop option.

    Product card settings:-
    Image ratio:

    Select the image ratio you want.

    Show second image on hover:

    Enable the option to show a second image on mouse hover.

    Show vendor:

    Enable the option to display the vendor.

    Show product rating:

    Enable the option to display the rating.

    Enable quick add button:

    Enable the option to display the quick add button on the products.

    Mobile layout settings:-

    How many columns to show then set a number of columns on the mobile option.



10. Configuration Basic Settings

  • (1) Payments method settings

    Go to your store "Admin > Settings > Payments" option.

    Here you can add payment methods you want.

  • (2) Customer accounts settings

    Go to your store "Admin > Settings > Customer accounts" option.

    Here you can set customer account related settings.

  • (3) Shipping and delivery settings

    Go to your store "Admin > Settings > Shipping and delivery" option.

    Here you can set shipping and delivery related settings.

  • (4) Language settings

    Go to your store "Admin > Settings > Language" option.

    Here you can add language and change the default language.

  • (5) Country/region settings

    Go to your store "Admin > Settings > Markets > Manage > Edit" option.

    Here you can add country/region.

  • (6) How to add all images settings

    Go to your store "Admin > Content > Files" option.

    Here you can upload single and multiple images.