Elextron - Responsive Shopify Theme User Guide

We would like to thank you for purchasing Elextron Theme! We are very pleased that you have chosen Elextron for your website, you will not be disappointed! Before you get started, please be sure to always search our Documentation and Knowledgebase. We outline all kinds of good information, and provide you with all the details you need to use Elextron.

If you are unable to find your answer here in our documentation, please contact us through themeforest item support page

Please read shopify manual before you start!

Install Theme

To install the theme, please log in to your Shopify store and go to the Themes. From there, click on Upload a Theme and upload the .zip file from the 'upload' folder included with this package

If your store is currently active and is using a different theme, you select button Publish theme what you have just upload

After publishing theme, you can see below screen:

Clicking Customize theme button, you can see the beginning interface of your theme:

You could please follow below guide to customize your theme:

Home Layout 1

Please configure Header Layout Default at Customize Theme --> General settings --> Header Layout Default

Please configure Footer Layout Default at Customize Theme --> General settings --> Footer Layout Deafult

To edit content for Home Layout Default at Online Store --> Themes --> Customize Theme --> Sections:

  • REVOLUTION SLIDER
  • PRODUCT TAB 7
  • STATIC BLOCK 7
  • PRODUCT SLIDER & BANNER 3
  • PRODUCT LIST 3
  • POPULAR CATEGORIES
  • PRODUCT SLIDER 1
  • OTHER COLLECTION 1
  • RECENTLY BLOG
  • BRAND SLIDER

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> REVOLUTION SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_1 --> 1.Revolution_Slider

PRODUCT TAB 7

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT TAB 7

STATIC BLOCK 7

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> STATIC BLOCK 7

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_1 --> 2.Static Block 7

PRODUCT SLIDER & BANNER 3

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER & BANNER 3

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_1 --> 3.Product Slider & Banner 3 (Hot Deal)

PRODUCT LIST 3

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT LIST 3

POPULAR CATEGORIES

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> POPULAR CATEGORIES

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_1 --> 4.Popular Categories

PRODUCT SLIDER 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER 1

OTHER COLLECTION 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> OTHER COLLECTIONS 1

RECENTLY BLOG

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> RECENTLY BLOG

BRAND SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BRAND SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_1 --> 5.Brand Slider

Home Layout 2

To apply Home Layout 2 for your store, you could please follow these below steps:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_ELEXTRON_Package\Change_Theme_Style\Home_elextron_2

Step 2: Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS open settings_data.json file and paste the content of above file into here

Step 3: Please configure Header Layout 16 at Customize Theme --> General settings --> Header Layout 16

Step 4: Please configure Footer Layout 16 at Customize Theme --> General settings --> Footer Layout 16

Step 5: Edit content for Home Layout 2 at Customize Theme --> Sections tab --> Add below section

  • REVOLUTION SLIDER
  • BANNER 7
  • PRODUCT LIST + LOAD MORE
  • PRODUCT SLIDER 1
  • COLLECTION LIST 3
  • PRODUCT TAB 4
  • BANNER 6
  • STATIC BLOCK 7
  • RECENTLY BLOG
  • BRAND SLIDER

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> REVOLUTION SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_2 --> 1.Revolution_Slider

BANNER 7

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BANNER 7

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_2 --> 2.Banner 7

PRODUCT LIST + LOAD MORE

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT LIST + LOAD MORE

PRODUCT SLIDER 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER 1

COLLECTION LIST 3

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> COLLECTION LIST 3

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_2 --> 3.Collection Lists 3 (Shop By Departments)

PRODUCT TAB 4

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT TAB 4

BANNER 6

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BANNER 6

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_2 --> 4.Banner 6

STATIC BLOCK 7

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> STATIC BLOCK 7

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_2 --> 5.Static Block 7

RECENTLY BLOG

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> RECENTLY BLOG

BRAND SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BRAND SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_2 --> 6.Brand Slider

Home Layout 3

To apply Home Layout 3 for your store, you could please follow these below steps:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_ELEXTRON_Package\Change_Theme_Style\Home_elextron_3

Step 2: Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS open settings_data.json file and paste the content of above file into here

Step 3: Please configure Header Layout 17 at Customize Theme --> General settings --> Header Layout 17

Step 4: Please configure Footer Layout 17 at Customize Theme --> General settings --> Footer Layout 17

Step 5: Edit content for Home Layout 3 at Customize Theme --> Sections --> Add below sections:

  • REVOLUTION SLIDER
  • BANNER 3
  • PRODUCT SLIDER & BLOCK
  • COLLECTION LIST 2
  • PRODUCT LIST & BANNER
  • COLLECTION LIST 2
  • PRODUCT SLIDER 1
  • RECENTLY BLOG

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> REVOLUTION SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_3 --> 1.Revolution_Slider

BANNER 3

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BANNER 3

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_3 --> 2.Banner 3

PRODUCT SLIDER & BLOCK

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER & BLOCK

COLLECTION LIST 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> COLLECTION LIST 2

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_3 --> 3.Collection List 2

PRODUCT LIST & BANNER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT LIST & BANNER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_3 --> 4.Product List & Banner

PRODUCT SLIDER 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER 1

RECENTLY BLOG

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> RECENTLY BLOG

Home Layout 4

To apply Home Layout 4 for your store, you could please follow these below steps:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_ELEXTRON_Package\Change_Theme_Style\Home_elextron_4

Step 2: Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS open settings_data.json file and paste the content of above file into here

Step 3: Please configure Header Layout 18 at Customize Theme --> General settings --> Header Layout 18

Step 4: Please configure Footer Layout 18 at Customize Theme --> General settings --> Footer Layout 18

Step 5: Edit content for Home Layout 4 at Customize Theme --> Sections --> Add below sections:

  • REVOLUTION SLIDER
  • PRODUCT TAB 8
  • PRODUCT SLIDER & BANNER 4
  • PRODUCT SLIDER & BANNER 5
  • RECENTLY BLOG 1
  • PRODUCT SLIDER 1
  • OTHER COLLECTION 1
  • STATIC BLOG 7
  • BRAND SLIDER

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> REVOLUTION SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_4 --> Revolution_Slider

PRODUCT TAB 8

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT TAB 8

PRODUCT SLIDER & BANNER 4

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER & BANNER 4

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_4 --> Product slider and banner 4

PRODUCT SLIDER & BANNER 5

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER & BANNER 5

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_4 --> Product slider and banner 5

RECENTLY BLOG 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> RECENTLY BLOG 1

PRODUCT SLIDER 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER 1

OTHER COLLECTION 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> OTHER COLLECTION 1

STATIC BLOG 7

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> STATIC BLOG 7

BRAND SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BRAND SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_4 --> Brand slider

Home Layout 5

Please configure Header Layout Default at Customize Theme --> General settings --> Header Layout Default

Please configure Footer Layout Default at Customize Theme --> General settings --> Footer Layout Deafult

To edit content for Home Layout Default at Online Store --> Themes --> Customize Theme --> Sections:

  • REVOLUTION SLIDER
  • COLLECTION LISTS 4
  • BANNER 9
  • PRODUCT TAB 8
  • PRODUCT SLIDER 7
  • STATIC BLOCK 7
  • PRODUCT SLIDER 8
  • BRAND SLIDER

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> REVOLUTION SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_5 --> 1.Revolution_Slider

COLLECTION LISTS 4

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> COLLECTION LISTS 4

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_5 --> 2.Collection List 4

BANNER 9

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BANNER 9

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_5 --> 3.Banner 9

PRODUCT TAB 8

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT TAB 8

PRODUCT SLIDER 7

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER 7

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_5 --> 5.PRODUCT SLIDER 7

STATIC BLOCK 7

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> STATIC BLOCK 7

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_5 --> 6.Static Block 7

PRODUCT SLIDER 8

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER 8

BRAND SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BRAND SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_5 --> 8.Brand Slider

Home Layout 6

To apply Home Layout 6 for your store, you could please follow these below steps:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_ELEXTRON_Package\Change_Theme_Style\Home_elextron_6

Step 2: Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS open settings_data.json file and paste the content of above file into here

Step 3: Please configure Header Layout 17 at Customize Theme --> General settings --> Header Layout 17

Step 4: Please configure Footer Layout 17 at Customize Theme --> General settings --> Footer Layout 17

Step 5: Edit content for Home Layout 3 at Customize Theme --> Sections --> Add below sections:

  • REVOLUTION SLIDER
  • BANNER 8
  • PRODUCT TAB 9
  • BANNER 6
  • STATIC BLOCK 7
  • PRODUCT LIST & BIG PRODUCT
  • BRAND SLIDER

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> REVOLUTION SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Home_elextron_6 --> 1.Revolution_Slider

BANNER 8

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BANNER 3

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Home_elextron_6 --> 2.Banner 8

PRODUCT TAB 9

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT TAB 9

BANNER 6

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BANNER 6

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Home_elextron_6 --> 3. Banner 6

STATIC BLOCK 7

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> STATIC BLOCK 7

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_1 --> 6.Static Block 7

PRODUCT LIST & BIG PRODUCT

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT LIST & BIG PRODUCT

BRAND SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BRAND SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_1 --> 5.Brand Slider

Home Layout 7

To apply Home Layout 7 for your store, you could please follow these below steps:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_ELEXTRON_Package\Change_Theme_Style\Home_elextron_7

Step 2: Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS open settings_data.json file and paste the content of above file into here

Step 3: Please configure Header Layout 14 at Customize Theme --> General settings --> Header Layout 14

Step 4: Please configure Footer Layout 14 at Customize Theme --> General settings --> Footer Layout 14

Step 5: Edit content for Home Layout 7 at Customize Theme --> Sections tab

  • REVOLUTION SLIDER
  • MOBILE FLEX SLIDE
  • PRODUCT LIST + LOAD MORE
  • PRODUCT SLIDER & BANNER 2
  • HOME NEWSLETTER
  • STATIC BLOCK 2
  • INSTAGRAM

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> REVOLUTION SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_7 --> 1.Revolution_Slider

MOBILE FLEX SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> MOBILE FLEX SLIDER

* This section only visible on mobile

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_7 --> 2.Mobile_Flex_Slider

PRODUCT LIST + LOAD MORE

Please configure this at Online Store --> Themes --> Customize theme --> Sections--> PRODUCT LIST + LOAD MORE

PRODUCT SLIDER & BANNER 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER & BANNER 2

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_7 --> 3.Product_Slider_Banner_2

HOME NEWSLETTER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> HOME NEWSLETTER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_7 --> 4.Home_Newsletter

STATIC BLOCK 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> STATIC BLOCK 2

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_7 --> 5.Static_Block_2

INSTAGRAM

Please add and configure this at Online Store --> Themes --> Customize theme --> Sections --> INSTAGRAM

Home Layout 8

To apply Home Layout 8 for your store, you could please follow these below steps:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_ELEXTRON_Package\Change_Theme_Style\Home_elextron_8

Step 2: Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS open settings_data.json file and paste the content of above file into here

Step 3: Please configure Header Layout 21 at Customize Theme --> General settings --> Header Layout 21

Step 4: Please configure Footer Layout 14 at Customize Theme --> General settings --> Footer Layout 14

Step 5: Edit content for Home Layout 8 at Customize Theme --> Sections tab

  • REVOLUTION SLIDER
  • MOBILE FLEX SLIDE
  • BANNER 7
  • PRODUCT LIST + LOAD MORE
  • INSTAGRAM

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> REVOLUTION SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_8 --> 1.Revolution_Slider

MOBILE FLEX SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> MOBILE FLEX SLIDER

* This section only visible on mobile

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_8 --> 2.Mobile_Flex_Slider

BANNER 7

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> BANNER 7

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_8 --> 3.Banner_7

PRODUCT LIST + LOAD MORE

Please configure this at Online Store --> Themes --> Customize theme --> Sections--> PRODUCT LIST + LOAD MORE

INSTAGRAM

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> INSTAGRAM

Home Layout 9

To apply Home Layout 9 for your store, you could please follow these below steps:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_ELEXTRON_Package\Change_Theme_Style\Home_Elextron_9

Step 2: Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS open settings_data.json file and paste the content of above file into here

Step 3: Please configure Header Layout 22 at Customize Theme --> General settings --> Header Layout 22

Step 4: Please configure Footer Layout 21 at Customize Theme --> General settings --> Footer Layout 21

Step 5: Edit content for Home Layout 9 at Customize Theme --> Sections tab

  • REVOLUTION SLIDER
  • PRODUCT SLIDER 1
  • COLELCTION LISTS 2
  • BRAND SLIDER

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> REVOLUTION SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_9 --> 1.Revolution_Slider

PRODUCT SLIDER 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> PRODUCT SLIDER 1

COLLECTION LISTS 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> COLLECTION LISTS 2

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_9 --> 3.Collection_Lists_2

BRAND SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections--> BRAND SLIDER

You can get example data in our package which you download on Themeforest: Shopify_ELEXTRON_Package --> Example_Data_For_Home --> Elextron_Home_9 --> 4.Brand_Slider

Install Apps

Get Product Reviews APP

To enable Product Reviews, please install below app:

Get App - Product Reviews


To configure for Product Reviews, please follow below steps:

Badge with no reviews

Badge with 1 or more reviews

Get Quick View APP

To get Quick View App, please install below app:

Get App - Quick View by Secomapp


Get MetaFields Editor APP

To get Meta Fields App, please install below app:

Get App - MetaFields Editor


Configuration For Shop

From your admin, go to the Settings

General - Configuration Currency

Editing the HTML for currency formatting:

1. From your admin, go to the Settings / General

2. Scroll down and then you will see a "Standards & formats" block. Find the "Currency" there

3. Select your currency

4. Click "change formatting"

5. Replace selected text and click Save

6. Currency must be the same

7. Video - Configuration Currency


Payments

1. From your admin, go to the Settings / Payments

2. Choose a payment gateway to accept payments for orders. Than checkout page is work


Checkout - Enable Customer Registration Form

1. From your admin, go to the Settings / Checkout

2. Select Accounts are optional

3. Click save


Shipping

1. From your admin, go to the Settings / Shipping

2. To enable shipping calculator, please configure your shipping rates by following below guide:

Set up shipping rates

3. Instruction:

When shipping has one way: Standart work;
When shipping has two way. SHIPPING & HANDLING has message.

Message you can edit here: Online Store / Themes / Edit language -> general -> Shipping variants

If "Shipping variants" field is empty: SHIPPING & HANDLING field is hide

Navigation

From your admin, go to the Online Store / Navigation

Create a Link List In Main Menu

From your admin, go to the Online Store / Navigation

Main Menu

Create Dropdown Menu

From your admin, go to the Online Store / Navigation / Add menu

Video - Create Dropdown Menu

Vertical Menu

From your store admin, go to the Online Store / Themes --> Customize Theme --> General Settings -> Navigation --> Enable and set up Vertical Menu.

Create MegaMenu Style 1

MegaMenu Style 1 includes LinkList and Video or Banner Image

To create MegaMenu Style 1, please follow below steps:

Step 1: From your store admin, go to the Online Store / Themes --> Customize Theme --> General settings --> Navigation --> MEGA MENU

Step 2: Choose Style Style 1

Step 3: In Custom Html field, you could input your Video Code or HTML Code here.

Step 4: If you don't use Custom Html, you need check Enable image and upload an image for megamenu.

Step 5: Go to the Online Store / Navigation and create a LinkList

How to get Embed Video?

Please follow below guide:

https://support.google.com/youtube/answer/171780?hl=en

Create MegaMenu Style 2

MegaMenu Style 2 includes LinkList Collection

To create MegaMenu Style 2, please follow below steps:

Step 1: From your store admin, go to the Online Store / Themes --> Customize Theme --> General settings --> Navigation --> MEGA MENU

Step 2: Choose Style Style 2

Step 3: Go to the Online Store / Navigation --> Create LinkList

- Note: LinkList Item is Collection Name

Step 4: Go to the Products / Collection --> Upload Collection Image

Create MegaMenu Style 3

MegaMenu Style 3 includes LinkList and Featured Product and Banner Image

To create MegaMenu Style 3, please follow below steps:

Step 1: From your store admin, go to the Online Store / Themes --> Customize Theme --> General settings --> Navigation --> MEGA MENU

Step 2: Choose Style Style 3

Step 3: Choose collection use for Featured Product

Step 4: Upload Banner Image and Banner Link

Step 5: Go to the Online Store / Navigation --> Create LinkList

Create MegaMenu Style 4

MegaMenu Style 4 includes LinkList and and Banner Image

To create MegaMenu Style 4, please follow below steps:

Step 1: From your store admin, go to the Online Store / Themes --> Customize Theme --> General settings --> Navigation --> MEGA MENU

Step 2: Choose Style Style 4

Step 3: Upload Banner Image and Banner Link

Step 4: Go to the Online Store / Navigation --> Create LinkList

Variant Color

To enable Variant Color, you go to the Online Store / Themes --> Customize Theme -> General Settings --> Variant Color. Then check Enable Variant Color

Add Variant Color For a product

Step 1: From your store admin, go to the Product --> Choose a product

Step 2: Click Add variants in your Add a product page.

Step 3: Input Option Name is "Color" and Variant Values are red, green ....

Step 4: Then, Save

Step 5: From Variant Tab, click on thumbnail image to upload new Image for new color.

Step 6: To add more Variant Color

Show Color Icon At Product Item

To show color icons at product item, please use one of two options:

Option 1 - Color Name

Use Color Name for naming Variant Color name.
Naming convention: You must use Color Name in HTML Color Names list: http://www.w3schools.com/html/html_colornames.asp
For example: Aquamarine, Crimson, BlueViolet.

Option 2 - Color Image

Upload icon file with the same name as the Variant Color name (please use .PNG file). You need to go to Settings --> Files and upload images here.
Naming convention: lowercase and use "-" to replace white space.
For example: If Variant Color name is "Red", the name of icon file will be red.png. And If Variant Color name is "Burly Wood", the name of icon file will be burly-wood.png

Header

Please Choose Layout at Customize Theme --> General Settings --> Header Layout

Header Default

To apply Header Default for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout Default at Customize Theme --> General Settings --> Header Layout Default

Header Layout 1

To apply Header Layout 1 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 1 at Customize Theme --> General Settings --> Header Layout 1

Header Layout 2

To apply Header Layout 2 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 2 at Customize Theme --> General Settings --> Header Layout 2

Header Layout 3

To apply Header Layout 3 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 3 at Customize Theme --> General Settings --> Header Layout 3

Header Layout 4

To apply Header Layout 4 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 4 at Customize Theme --> General Settings --> Header Layout 4

Header Layout 5

To apply Header Layout 5 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 5 at Customize Theme --> General Settings --> Header Layout 5

Header Layout 6

To apply Header Layout 6 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 6 at Customize Theme --> General Settings --> Header Layout 6

Header Layout 7

To apply Header Layout 7 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 7 at Customize Theme --> General Settings --> Header Layout 7

Header Layout 8

To apply Header Layout 8 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 8 at Customize Theme --> General Settings --> Header Layout 8

Header Layout 9

To apply Header Layout 9 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 9 at Customize Theme --> General Settings --> Header Layout 9

Header Layout 10

To apply Header Layout 10 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 10 at Customize Theme --> General Settings --> Header Layout 10

Header Layout 12

To apply Header Layout 12 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 12 at Customize Theme --> General Settings --> Header Layout 12

Header Layout 13

To apply Header Layout 13 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 13 at Customize Theme --> General Settings --> Header Layout 13

Header Layout 14

To apply Header Layout 14 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 14 at Customize Theme --> General Settings --> Header Layout 14

Header Layout 15

To apply Header Layout 15 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 14 at Customize Theme --> General Settings --> Header Layout 15

Header Layout 16

To apply Header Layout 16 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 16 at Customize Theme --> General Settings --> Header Layout 16

Header Layout 17

To apply Header Layout 17 for your store, please follow below steps:

Step 1: Choose Layout for Header: Customize Theme --> General Settings --> Header Layout

Step 2: Configure the Header Layout 17 at Customize Theme --> General Settings --> Header Layout 17

Footer

Please Choose Layout for Footer at Customize Theme --> General Settings --> Footer Layout

Footer Default

Step 1: Choose Layout for Footer:

Step 2: Configure the Footer Layout Default at Customize Theme --> General Settings --> Footer Layout Default

Footer Layout 1

Step 1: Choose Layout for Footer:

Step 2: Configure the Footer Layout 1 at Customize Theme --> General Settings --> Footer Layout 1

Footer Layout 2

Step 1: Choose Layout for Footer:

Step 2: Configure the Footer Layout 2 at Customize Theme --> General Settings --> Footer Layout 2

Footer Layout 3

Step 1: Choose Layout for Footer:

Step 2: Configure the Footer Layout 3 at Customize Theme --> General Settings --> Footer Layout 3

Footer Layout 4

Step 1: Choose Layout for Footer:

Step 2: Configure the Footer Layout 4 at Customize Theme --> General Settings --> Footer Layout 4

Footer Layout 5

Step 1: Choose Layout for Footer:

Step 2: Configure the Footer Layout 5 at Customize Theme --> General Settings --> Footer Layout 5

Enable/Disable section

All sections are set enable for begining.

If you would not like a section which appear on all devices (PC, Tablet, Mobile), you would like only display it on the Mobile. You could uncheck Enable Section?

If you would not like a section which appear on Mobile, you could uncheck Enable Section on Mobile?

For Example: You would like Revolution Slider only visible on PC and Tablet, not on Mobile. You can configure:

In this case, we added a Flex Slider that can replace Revolution Slider on Mobile. Click here to view it more

Block On Home Page

Enhanced theme customization with sections

Think of sections as individual, customizable components of a theme. Within each section, you or your client can easily add, reorder, and remove chunks of content such as products, slideshows, videos, or collections.

Here’s how easy it is to add new sections to a theme:

It’s just as simple to reorder existing sections:

We’ve also made editing content within sections a breeze:

ALL SECTIONS ON HOME PAGE

Collection List

To add Collection List for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Collection List

Step 2: Create the Collections

- Go to Products --> Collections --> Add Collection

Step 3: Upload image for Collection

Other Collection 1

To add Other Collection 1 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Other Collection 1

Step 2: Configure for Other Colelction 1

Other Collection 2

To add Other Collection 2 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Other Collection 2

Step 2: Configure for Other Colelction 1

Other Collection 3

To add Other Collection 3 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Other Collection 3

Step 2: Configure for Other Colelction 3

Popular Categories

To add Popular Categories for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Popular Categories

Step 2: Configure for Popular Categories

Popular Categories Slider

To add Popular Categories Slider for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Popular Categories Slider

Step 2: Configure for Popular Categories Slider

Collection Lists 1

To add Collection Lists 1 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Collection Lists 1

Step 2: Configure for Collection Lists 1

Collection Lists 2

To add Collection Lists 2 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Collection Lists 2

Step 2: Configure for Collection Lists 2

Collection Lists 3

To add Collection Lists 3 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Collection Lists 3

Step 2: Configure for Collection Lists 3

Collection Lists 4

To add Collection Lists 4 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Collection Lists 4

Step 2: Configure for Collection Lists 4

Banner 1

To add Banner 1 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Banner 1

Step 2: Configure for Banner 1

Banner 2

To add Banner 2 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Banner 2

Step 2: Configure for Banner 2

Banner 3

To add Banner 3 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Banner 3

Step 2: Configure for Banner 3

Banner 4

To add Banner 4 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Banner 4

Step 2: Configure for Banner 4

Banner 5

To add Banner 5 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Banner 5

Step 2: Configure for Banner 5

Banner 6

To add Banner 6 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Banner 6

Step 2: Configure for Banner 6

Banner 7

To add Banner 7 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Banner 7

Step 2: Configure for Banner 7

Banner 8

To add Banner 8 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Banner 8

Step 2: Configure for Banner 8

Banner 9

To add Banner 9 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Banner 9

Step 2: Configure for Banner 9

Brand Slider

To add Brand Slider for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Brand Slider

Step 2: Configure for Brand Slider

Product List + Load more

To add Product List + Load more for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product List + Load more

Step 2: Configure for Product List + Load more

Product List 1

To add Product List 1 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product List 1

Step 2: Configure for Product List 1

Product List 2

To add Product List 2 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product List 2

Step 2: Configure for Product List 2

Product List 3

To add Product List 3 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product List 3

Step 2: Configure for Product List 3

Product List & Big Product

To add Product List & Big Product for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product List & Big Product

Step 2: Configure for Product List & Big Product

Product List And Banner

To add Product List And Banner for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product List And Banner

Step 2: Configure for Product List And Banner

Product Slider 1

To add Product Slider 1 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider 1

Step 2: Configure for Product Slider 1

Product Slider 2

To add Product Slider 2 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider 2

Step 2: Configure for Product Slider 2

Product Slider 3

To add Product Slider 3 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider 3

Step 2: Configure for Product Slider 3

Product Slider 4

To add Product Slider 4 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider 4

Step 2: Configure for Product Slider 4

Product Slider 5

To add Product Slider 5 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider 5

Step 2: Configure for Product Slider 5

Product Slider 6

To add Product Slider 6 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider 6

Step 2: Configure for Product Slider 6

Product Slider 7

To add Product Slider 7 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider 7

Step 2: Configure for Product Slider 7

Product Slider 8

To add Product Slider 8 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider 8

Step 2: Configure for Product Slider 8

Product Slider & Banner

To add Product Slider & Banner for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider & Banner

Step 2: Configure for Product Slider & Banner

Product Slider & Banner 2

To add Product Slider & Banner 2 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider & Banner 2

Step 2: Configure for Product Slider & Banner 2

Product Slider & Banner 3

To add Product Slider & Banner 3 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider & Banner 3

Step 2: Configure for Product Slider & Banner 3

Product Slider & Banner 4

To add Product Slider & Banner 4 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider & Banner 4

Step 2: Configure for Product Slider & Banner 4

Product Slider & Banner 5

To add Product Slider & Banner 5 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider & Banner 5

Step 2: Configure for Product Slider & Banner 5

Product Slider & Block

To add Product Slider & Block for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Slider & Block

Step 2: Configure for Product Slider & Block

Product Tab 1

To add Product Tab 1 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Tab 1

Step 2: Configure for Product Tab 1

Product Tab 2

To add Product Tab 2 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Tab 2

Step 2: Configure for Product Tab 2

Product Tab 3

To add Product Tab 3 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Tab 3

Step 2: Configure for Product Tab 3

Product Tab 4

To add Product Tab 4 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Tab 4

Step 2: Configure for Product Tab 4

Product Tab 5

To add Product Tab 5 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Tab 5

Step 2: Configure for Product Tab 5

Product Tab 6

To add Product Tab 6 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Tab 6

Step 2: Configure for Product Tab 6

Product Tab 7

To add Product Tab 7 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Tab 7

Step 2: Configure for Product Tab 7

Product Tab 8

To add Product Tab 8 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Tab 8

Step 2: Configure for Product Tab 8

Product Tab 9

To add Product Tab 9 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Product Tab 9

Step 2: Configure for Product Tab 9

Revolution Slider

To add Revolution Slider for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Revolution SLider

Step 2: Configure for Revolution SLider

Mobile Flex Slider

Revolution Slider is so heavy for mobile browsers and when you are on mobile, the height of this slider is very short. So we offer a solution that replaced it by a differrent slider - Flex Slider. You can design your slider with size that you like.

To add Mobile Flex Slider for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Mobile Flex Slider

Step 2: Configure for Mobile Flex Slider

Static Block 1

To add Static Block 1 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Static Block 1

Step 2: Configure for Static Block 1

Static Block 2

To add Static Block 2 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Static Block 2

Step 2: Configure for Static Block 2

Static Block 3

To add Static Block 3 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Static Block 3

Step 2: Configure for Static Block 3

Static Block 4

To add Static Block 4 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Static Block 4

Step 2: Configure for Static Block 4

Static Block 5

To add Static Block 5 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Static Block 5

Step 2: Configure for Static Block 5

Static Block 7

To add Static Block 7 for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Static Block 7

Step 2: Configure for Static Block 7

Store Locations

To add Store Locations for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Store Locations

Step 2: Configure for Store Locations

Home Newsletter

To add Home Newsletter for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Home Newsletter

Step 2: Configure for Home Newsletter

Instagram

To add Instagram for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Instagram

Step 2: Configure for Instagram

Recently Blog

To add Recently Blog for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Recently Blog

Step 2: Configure for Recently Blog

Sidebar And Content

To add Sidebar And Content for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Sidebar And Content

Step 2: Configure for Sidebar And Content

Testimonials

To add Testimonials for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Testimonials

Step 2: Configure for Testimonials

Minimalist

To add Minimalist for Home, please follow below steps:

From your Shopify admin, go to Online Store --> Themes --> Customize Theme --> Sections --> Add section

Step 1: Add Minimalist

Step 2: Configure for Minimalist

Quick Setup Color

It's easy and quickly to configure color of the theme, by following these below steps:

- From your store admin, go to the Online Store / Themes --> Customize Theme -> General settings --> Quick Setup Color

- Then check Enable Quick Setup Color and configure color.

Note: You can change color in every sections. Quick Setup Color only supports changing color faster. It will overwrite setting color in all sections if you enable it.

Example for Quick Setup Color:

Theme settings

The Customize theme lets you view and change the built-in settings of your theme.

  1. From your Shopify admin, click Online Store, and then click Themes (or press G W T).

  2. Click the Customize theme button on the theme that you want to customize:

Click the customize theme button Click the customize theme button

Background Body

For Example:

Video - Change Style for site, Background Color, Background Image for body:

Typography

Setting the Typography for store: Customize Theme --> General Settings --> Typography

Font

Setting the Font for site:

Heading

Setting the Heading for site:

Heading Custom

Setting the Heading for Block:

Choose Position for Heading
Choose Case for Heading
Choose Style for Heading
Choose Line Style for Heading
Choose Style Line Width for Heading
Choose style Line Height for heading
Choose style Line Position for heading

Heading Page and Heading SideBar

Navigation Font

Product Grid Font

Sidebar Style

Other Sidebar Style

Colors

From Customize Theme -> General Settings -> Colors

Button

From Customize Theme -> General Settings -> Button

Money options

From Customize Theme -> General Settings -> Money options

Social Media

From Customize Theme -> General Settings -> Social Media

Navigation

From Customize Theme -> General Settings -> Navigation

Popup Newsletter

From Customize Theme -> General Settings -> Popup Newsletter

List Collection Page

From Customize Theme -> General Settings -> List Collection Page

Cart Page

From Customize Theme -> General Settings -> Cart Page

404 Page

From Customize Theme -> General Settings -> 404 Page. Please choose option Use Below Static Block if you would like to use Custom Template for 404 Page.

Checkout

Customizing checkout page

From Customize Theme --> General Settings --> Checkout Page

Collection Page

Create Collection Page

To create a Collection, please follow below manual

Create A Collections

Settings For Collection Page

To setting for Collection, please access to Theme --> Customize Theme --> General Settings --> Collection Page

Layout

To change the layout for Collection page, please customize at the options: Enable Sidebar at Collection Page and Position Sidebar Collection Page.

Product Item Per Page

Product Item Per Row

To change Product Item Per Row, please access to Theme --> Customize Theme --> General Settings --> Product Grid. Then, please customize at the options: Product Item Per Row

Top Banner

To change the Top Banner for Collection page, please customize at the option: Collection Slideshow Banner

Bottom Banner

To change the Bottom Banner for Collection page, please customize at the option: Collection Banner Bottom

Sidebar - Categories

Sidebar - Product Filters

To create Product Filter for Collection page, please add Product Tags into Filter Tags List.

Sidebar - Banner

Sidebar - Static Block 1

Sidebar - Feature Product

Sidebar - Popular Tags

Sidebar - Static Block 2

Product Page

Create a product

To create a product, please follow below manual

1. Products

2. Add a Product to your Store

Configuration a product

To configure for a product, please access to Theme --> Customize Theme --> General Settings --> Product Page

Layout

To change the layout for Collection page, please customize at the options: Enable Sidebar at Product Page, Position sidebar Product Page and Product Main Image Width

Product Page - Settings

Product Tabs

Product Sidebar

Product sidebar: Sold By Block, Banner Left Block, Product List 1, Product List 2

Add CountDown For a Product

To add Countdown for a product, please follow below steps:

  • Step 1: Install MetaFields Editor
  • Step 2: From your store admin, go to Apps --> MetaFields Editor

  • Step 3: Choose a product, then Add New Metafield

  • Step 4: Input the value for: Namespace, Key, Value

    For Namespace:

    For Key:

    For Key: Please input value follow Format Year/Month/Day Hour

  • Step 5: Click Add button

Add Video For a Product

To add Video Popup for a product, please follow below steps:

  • Step 1: Install MetaFields Editor
  • Step 2: From your store admin, go to Apps --> MetaFields Editor

  • Step 3: Choose a product, then Add New Metafield

  • Step 4: Input the value for: Namespace, Key, Value

    For Namespace:

    For Key:

    For Key: Please input the Link from YouTube, Vimeo ...

  • Step 5: Click Add button

Add Social Share in Product Page

To add Social Share in Product Page, please follow below steps:

  • Go to www.addthis.com/dashboard
  • Add New Tool (Tools --> Add New Tools)

  • Select a Tool

  • Select a Tool Type and configure it. Then, click Save & Continue button.
  • Copy the code:

    and go to Shopify Admin --> Online Store --> Customize Theme --> General settings --> Product Page, Then paste the code into Social Share Code field.

Setup Pages

From your admin, go to the Online Store / Pages

Add Static Page (About Us Page)

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

Add Wishlist Page

1. From Online Store / Pages, find and click button "Add page"

2. Write in Title field:

3. Select Visibility: Visible

4. Select Template: page.wishlists

5. Click save

Add Compare Page

1. From Online Store / Pages, find and click button "Add page"

2. Write in Title field:

3. Select Visibility: Visible

4. Select Template: page.compare

5. Click save

Add Contact Us Page

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

  6. Click Save.
    Create page 2

Edit a Google map on Contact page

  1. In Google Maps, go to your storefront location.

  2. Click the settings gear icon in the bottom right, then choose Share or embed map.

    Google maps
  3. Click Embed map to obtain your embed code.

    Embed google maps code
  4. Choose the embed size you want, then copy the HTML that begins with <iframe src= (command + c on a Mac, ctrl + c on a PC).

  5. Log in to your Shopify admin.

  6. From your Shopify admin, click Online Store, and then click Themes --> Customize theme

  7. Find Contact Page and paste this into the field "Google Map Code".

    Show html btn

Edit/Add fields to the Contact Form

To add/edit contact field, please follow below guide:

Adding fields to the Liquid Contact Form

Edit static block

  1. Log in to your Shopify admin.

  2. From your Shopify admin, click Online Store, and then click Themes --> Customize theme

  3. Find Contact Page and edit "Custom Block Top" and "Custom Block Bottom".

    Show html btn

Add Page Lookbook

Show html btn

1. In a Online Store / Pages, find and click button "Add page"

2. Write in Title field:

3. Select Visibility: Visible

4. Select Template: page.lookbook

Show html btn

5. Click save

6. Edit content in Customize Theme -> Lookbook Page

  1. Log in to your Shopify admin.

  2. From your Shopify admin, click Online Store, and then click Themes --> Customize theme

  3. Find Lookbook Page and edit the options for it.

    Show html btn

Add Gallery Page

Show html btn

1. From Online Store / Pages, find and click button "Add page"

2. Write in Title field:

3. Select Visibility: Visible

4. Select Template: page.gallery

Show html btn

5. From Content tab, please click Insert Image icon to insert the images for the Gallery page.

Show html btn

Video - Create Gallery Page

Show html btn

5. Click save

6. Edit Gallery Item Per Row in Customize Theme -> Gallery Page.

  1. Log in to your Shopify admin.

  2. From your Shopify admin, click Online Store, and then click Themes --> Customize theme

  3. Find Gallery Page and edit the options for it.

    - Please input Gallery Item Per Row! The same below examples:

Blog Page

To create a article for Blog, please follow below manual:

Blog Posts Manual

Blog Page - Layout

To edit The Layout, Blog Item Per Row, Blog Item Per Page a article for Blog, please access to Themes --> Customize theme --> Blog page

CMS LAYOUT

From your admin, go to the Online Store / Pages

ABOUT US 1

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 2

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

ABOUT US 2

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 2

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

ABOUT US 3

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 2

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

ABOUT ME

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 2

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

SERVICE PAGE 1

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 1

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

SERVICE PAGE 2

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 1

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

OUR LOCATIOn

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 1

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

Meet The Team

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 2

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

Our Team

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 2

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

Price Option

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 2

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

Product Launch

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 2

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

FAQs

Create page 1

To create a new page:

  1. From your store admin, click Online Store, and then click Pages (or press G W P).

  2. From the pages tab, click the Add page button. You will be taken to a new page template:

    Create page 1

  3. From the page template, enter a Title and Content in the text boxes provided.

    Create page 1

    After changing HTML mode, please copy below HTML and paste into HTML Mode box

    Create page 2

  4. Scroll down to the Visibility field. By default, your new page will be visible.

  5. Select the Hidden option if you want your new page to be hidden on your storefront.

    Create page 2

  6. Click Save.

Credits

  • jQuery Library
  • Google Maps
  • Flexslider
  • Revolution Slider
  • Owl Slider
  • Bootstrap v3.3.6

Theme support

If you have any questions, please contact us support@theyetis.com. We are glad to support for you.

Theme Update