Home Decor Furniture – Responsive Shopify theme

First of all, thank you for purchasing our Home Decor Furniture Shopify theme.

FEATURES:

  • Direct to checkout
  • Related products
  • Countdown Timer
  • Inventory quantity bar
  • Color Swatch
  • Ajax Filter
  • Infinite Scroll
  • Live Sales Notification
  • Smart Newsletter Popup
  • Five Type Collection Layout
  • Delivery time
  • Quick view Smart
  • Search suggestions
  • Smart Mega Menu
  • Mini - Cart with Drawer
  • Add to Wishlist
  • Instagram Feed
  • Unlimited Languages
  • Unlimited Currency
  • Size Guide Pop up
  • 5 Product Page Layout
  • Social Sharing
  • Multiple header Layout
  • Multiple footer Layout

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 Action 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 details 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 logo image size is (150 X 62)px
  2. Slideshow section main banner size is (1903 X 885)px
  3. Custom icon section image size is (44 X 44)px
  4. Collection list section image size is (535 X 535)px
  5. Home category product tab section product image size is (1000 X 1000)px
  6. Image Banner section image size is (1920 X 560)px
  7. Sub banner section image size is (755 X 436)px
  8. Customer reviews section image size is (1540 X 563)px
  9. Blog section image size is (1500 X 1000)px
  10. Parallax section image size is (2000 X 1000)px
  11. Multicolumn section icon image size is (190 X 200)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"

    Header styles:

    You can select header styles here.

    Footer styles:

    You can select footer styles here.

    Newsletter Popup:

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

    Product grid swatch:

    You can enable/disable color options from products.

    Product Notification Popup:

    You can enable/disable product notification from here and other settings you can change.

    Cart:

    You can configure cart drawer 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.

    You can set a time for changing slides.


    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.

    Background color:

    Select the background color for the announcement bar block.

    Text color:

    Select text color for the announcement bar block.





  • 8.3 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.

    Hide the content in desktop view:

    If you want to hide content in desktop view then select this option.

    Hide the content in mobile view:

    If you want to hide content in mobile view then select this option.

    Mobile layout:
    Show content below images on mobile:

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

    Button background color:

    Select the button background color you want.

    Button text color:

    Select the button text color you want.

    Button background hover color:

    Select the button background hover color you want.

    Button text hover color:

    Select the button text hover color you want.


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


    Image:

    Add/upload the image you want. (Recommended image size is 1903 X 885)px

    Mobile Image:

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

    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.

    Color scheme:

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

    Custom color:

    Select the background and text color you want. If the color scheme is selected as a custom color then you can use this option.

    Mobile Layout:
    Mobile content alignment:

    Set the content alignment on the mobile view.



  • 8.4 Custom Icon section settings


    Go to "Customize > Custom Icon" section.


    layout:

    Select the layout you want.

    Heading:

    Set the heading text you want.

    Color scheme:

    Select the color scheme you want.

    Custom color:

    select the background and text color you want. If the color scheme is selected as a custom color then you can use this option.

    Background Image:

    Add/Upload the background image you want. If the color scheme is selected as a background image then you can use this option.


    Go to "Customize > Custom Icon > Column block" section.


    Image:

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

    Heading:

    Set the heading text you want.

    Link:

    Set the redirection link of the column.



  • 8.5 Collection grid section settings


    Go to "Customize > Collection grid" section.


    layout:

    Select the layout you want.

    Collection 1:-
    Collection image:

    Add/Upload the image you want. (Recommended image size is 380 X 500)px

    Collection name:

    Set collection name you want.

    Collection url:

    Set the redirection link for the collection.

    Collection 2:-
    Collection image:

    Add/Upload the image you want. (Recommended image size is 760 X 500)px

    Collection 3:-
    Collection image:

    Add/Upload the image you want. (Recommended image size is 380 X 500)px

    Collection 4:-
    Collection image:

    Add/Upload the image you want. (Recommended image size is 770 X 335)px

    Collection 5:-
    Collection image:

    Add/Upload the image you want. (Recommended image size is 770 X 535)px



  • 8.6 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 will be full width then enable the make section full width option.

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


    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 Collection list section settings


    Go to "Customize > Collection list" section.


    Layout:

    Select the layout you want.

    Heading:

    Set the heading text you want.

    Sub Heading:

    Set the sub-heading text 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.

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

    Enable swipe on desktop option for slider.

    Mobile Layout Settings:-

    How many columns to display in mobile view then select the number of columns on the mobile option.

    If you want to make a slider in mobile view then Enable the swipe on mobile option.


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


    Custom Image:

    Add/Upload the collection image you want. (Recommended image size is 750 X 750)px

    Collection:

    Select the products collection from the collection list.



  • 8.8 Home Category Product Tab section settings


    Go to "Customize > Home category product tab" section.


    Heading:

    Set the heading text you want.

    Heading alignment:

    Set the heading text position you want.

    Description:

    Set the description text you want.

    How many products to show then set a maximum product to show option.

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

    If you want to set the product section will be full width then enable the make products full width option.

    Button label:

    Set the button label you want.

    View all style:

    Set the button label style you want.

    Color scheme:

    Select the color scheme option for the section.

    Custom color:

    Select the background, text color and text hover color you want. If the color scheme is selected as a custom color then you can use this option..

    Product Card Settings:-
    Image ratio:

    Select the image ratio you want.

    If you want to show a second image on mouse hover then enable the show second image on hover option.

    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 view button on the products.

    Add to cart enable/disable:

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


    Go to "Customize > Home category product tab > Product tab block" section.


    Collection name:

    Set the collection name you want.

    Collection:

    Select the collection from the products collection.

    If you want to make a slider this section then enable the Enable the carousel on desktop option.

    Mobile Layout Settings:-

    How many columns to display in mobile view then select the number of columns on the mobile option.

    If you want to make a slider in mobile view then Enable the swipe on mobile option.



  • 8.9 Image Banner section settings


    Go to "Customize > Image banner" section.


    First image:

    Add/Upload the image you want. (Recommended image size is 1920 X 560)px

    Mobile image:

    Add/Upload the image you want. (Recommended image size is 750 X 800)px

    Banner height:

    Select the banner height you want.

    Desktop content position:

    Select the desktop content position you want.

    Enable option show container on desktop.

    Desktop content alignment:

    Select the content alignment position you want.

    Color scheme:

    Select the color scheme for the content.

    Custom color:

    Select the background and text color you want. If the color scheme is selected as a custom color then you can use this option.

    Mobile layout settings:-
    Stack images on mobile:

    Enable the stack images on mobile option.

    Show container on mobile:

    If you want to show the content below the image then enable the option.



  • 8.10 Sub banner section settings


    Go to "Customize > Sub banner" section.


    Layout:

    Select the layout for the sub banner.

    Heading:

    Set the heading text you want.

    Heading size:

    Select the heading size 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 the section.

    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 755 X 436)px

    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.11 Section Reviews settings


    Go to "Customize > Section reviews" section.


    Layout:

    Select the layout you want.

    Background style:

    Select the background style you want. If you will select background image then upload background image but you will select background color then use custom color option.

    Background image:

    Add/Upload the background image you want. (Recommended image size is 1540 X 563)px

    Custom color:

    Select the background and text color you want.
    (Note: Select the background style as a background color then you will use this color.)

    Heading:

    Set the heading text you want.

    Sub heading:

    Set the sub heading text you want.

    Column alignment:

    Select the column alignment position you want.

    Button label:

    Set the button label you want.

    Button link:

    Set the redirection link of the button.


    Go to "Customize > Section reviews > review block" section.


    Image:

    Add/Upload the author/client image you want. (Recommended size is 120 X 120)px

    Heading:

    Set the heading text you want.

    Post:

    Set the author/client post.

    Description:

    Set the description you want.

    Link label:

    Set the link label you want.

    Link:

    Set the redirection link you want.



  • 8.12 Blog posts section settings


    Go to "Customize > Blog posts" section.


    Heading:

    Set the heading text you want.

    Sub Heading:

    Set the sub heading text 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.13 Collapsible content settings


    Go to "Customize > Collapsible content" section.


    Caption:

    Set the caption text you want

    Heading:

    Set the heading text 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 first collapsible row then enable the option.

    Image Layout:
    Image:

    Add/Upload the background image you want.

    Image ration:

    Select the image ration 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.14 Parallax section settings


    Go to "Customize > Parallax" section.


    Prallax image:

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

    Prallax mobile image:

    Add/Upload the image you want. (Recommended image size is 750 X 550)px

    Title:

    Set the title text you want.

    Sub title:

    Set the sub title text you want.

    Button label:

    Set the button label you want.

    Button link:

    Set the redirection of button link you want.

    Text Color:

    Select the text color you want.

    Desktop content position:

    Select the desktop content position you want.

    Desktop content alignment:

    Select the content alignment position you want.

    Mobile layout:-
    Mobile content alignment:

    Select the mobile content alignment position you want.



  • 8.15 Multicolumn section settings


    Go to "Customize > Multicolumn" section.


    Layout:

    Select the layout you want.

    Add class name:

    If a class has already been added then do not remove the class name.
    (Note: Do not edit or remove the class.)

    Heading:

    Set the heading text you want.

    Image width:

    Select the image width you want.

    Select the number of columns on the desktop view.

    Column alignment:

    Set the column alignment you want.

    Button label:

    Set the button label you want.

    Button link:

    Set the redirection of button link you want.

    Color scheme:

    Select the color scheme for this section.

    Custom color:

    Select the background and text color you want. If the color scheme is selected as a custom color then you can use this option.

    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 190 X 200)px

    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.17 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.

    Product Card Settings:-
    Image ratio:

    Select the image ratio you want.

    If you want to show a second image on mouse hover then enable the show second image on hover option.

    Show vendor:

    Display vendor then enable the option.

    Show product rating:

    To display the rating then enable the option.

    Enable quick add button:

    To display the quick view button on the products then enable the option.

    Add to cart enable/disable:

    To display the add to cart button on the products then enable the option.

    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.

    Image:

    Add/Upload the image you want. ( Recommended image size is 260 X 300)px

    Url:

    Set the redirection link for the image.

    Mobile layout:-

    Select the number of columns to display on mobile view.



9. Default Section And Basic Option Settings

(Newsletter-Popup, Product Notification-Popup, Minicart, Wishlist-Page, Custom Mega Menu)

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.



  • 9.2 Product notification popup settings


    Go to "Customize > Theme settings > Product notification popup" option.


    Show Products Notification?:

    Enable the option to show product notification popup.

    Hide Notification in mobile:

    Enable the option to hide product notification popup in mobile.

    Show Products Notification?(Collection):

    Select the products collection for which products to show for the notification popup.

    Title:

    Set the title you want.

    Show Fake Time?:

    Enable the option for showing fake time.

    Time text:

    Set the time text you want.

    Location text:

    Set the location text you want.

    Fake Locations:

    Set the fake location name you want.

    Delay Time:

    Set the delay time you want.

    Display Time:

    Set the display time you want.

    Background color:

    Select the background color you want.

    Text color:

    Select the text color you want.



  • 9.3 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 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 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.



  • 9.4 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.

    If you want to show a second image on mouse hover then enable the show second image on hover option.

    Show vendor:

    Display vendor then enable the option.

    Show product rating:

    To display the rating then enable the option.

    Enable quick add button:

    To display the add to cart button on the products then enable the option.

    Mobile layout settings:-

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



  • 9.5 Custom mega menu settings


    (Q) How to enable custom mega menu ?

    Answer: Go to your store "Admin > Online store > Themes > Customize > Header" section. (Note: Here you have to select "custom mega menu" option from "Desktop menu type". )

    Go to "Customize > Header > Mega menu" block.


    Link title:

    Give the proper link title name, So mega menu appears in this link below.

    Hide default menu:

    If you want to hide the default menu then select the true option.

    Item 1 settings:
    Select menu item type:

    Here you can see 4 options available. you can use only one option from the list. Whatever option you want to use please select it.

    Select Menu:

    Select the menu you want to show it. (Note: If select menu item type is selected as a Show Menu option then it will work.)

    Select Collection:

    Select the collection you want to show it. (Note: If select menu item type is selected as a Show Collection option then it will work.)

    Select Product:

    Select the product you want to show it. (Note: If select menu item type is selected as a Show Product option then it will work.)

    Show Image With Text option settings:-

    (Note: Below all options will work if select menu item type is selected as a Show Image With Text option.)

    Banner:

    Add/upload the banner image you want.

    Title:

    Set the title text.

    Content:

    Set the content text.

    Button Title:

    Set the button title text.

    Button URL:

    Set the redirection link for the button.



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) Checkout and accounts settings

    Go to your store "Admin > Settings > checkout and accounts" option.

    Here you can set checkout and 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.