TheSHOPIER - Responsive Shopify Theme User Guide

We would like to thank you for purchasing TheShopier Theme! We are very pleased that you have chosen TheSHopier 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 TheShopier.

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

Install Apps

Get Product Review APP

To enable product review, please install below app:

Get App - Product Reviews


Continue, configurate for Product review, 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 App - MetaFields Editor

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 -> Navigation --> Enable and setting for 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 -> Navigation --> MEGA MENU

Step 2: Choose Style Style 1

Step 3: Custom HtmlInput your Video into form

Step 4: If you don't use Custom Html, you could please upload a banner for Megamenu

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

How to get Embed Video?

Please follow below guide:

https://support.google.com/youtube/answer/171780?hl=en
You could upload a new Image instead of a video:

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 -> 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 -> 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 -> 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 --> Sections --> Header

Header Default

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

Step 1: Choose Layout for Header:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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:

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 at Customize Theme --> Sections --> Header

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 at Customize Theme --> Sections --> Header

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 at Customize Theme --> Sections --> Header

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

Footer

Please Choose Layout for Footer at Customize Theme --> Sections --> Footer

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

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 BLOCKS 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

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

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 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 & 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 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

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

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

Home Layout Default (Electrics Market)

To apply Home Layout Default (Electrics Market) for your store, you can choose Option 1 or Option 2

Option 1:

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

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

Option 2:

Step 1: Choose Presets Electrics at Customize Theme --> General settings --> Scroll down "Change theme style"

After that, choose Electrics style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> General settings --> Typography

- Use font Poppins for Home Layout Default

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit Product Item Gutter is "0"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout Default

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout Default

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

  • REVOLUTION SLIDER
  • PRODUCT TAB 1
  • STATIC BLOCK 1
  • PRODUCT TAB 2
  • POPULAR CATEGORIES
  • OTHER COLLECTION 1
  • PRODUCT SLIDER 1
  • BRAND SLIDER

Setting for each above block

REVOLUTION SLIDER

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

PRODUCT TAB 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> PRODUCT TAB 1

STATIC BLOCK 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> STATIC BLOCK 1

PRODUCT TAB 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> PRODUCT TAB 2

POPULAR CATEGORIES

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

OTHER COLLECTION 1

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

PRODUCT SLIDER 1

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

BRAND SLIDER

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

Home Layout Default (Electrics Market - Skin Christmas)

To update Skin Christmas for Home Layout Default (Electrics Market), you need:

Update Settings:

1.1. Copy content of settings_date.json and settings_schema.json from the source that you download from ThemeForest Shopify_SHOPIER_Package\Change_Theme_Style\Home_0_Electrics_Christmas

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

2.1. Copy content of styles-christmas.scss.liquid from the source that you download from ThemeForest Shopify_SHOPIER_Package\Change_Theme_Style\Home_0_Electrics_Christmas

2.2. Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS open styles.scss.liquid file and paste the content of above file into the end of this file.

Create the snowfall effect:

1.1. Copy content of snow-fall.js from the skin source that you download from ThemeForest Shopify_SHOPIER_Package\Change_Theme_Style\Home_0_Electrics_Christmas

1.2: Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS, create snow-fall.js file and paste the content of above file into here.

2.1. Copy code below:

3.2: Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS open footer-js.liquid file and paste the content of above file into here

STATIC BLOCK 1

1. Copy content of nt-home-static-block-1.liquid from the source that you download from ThemeForest Shopify_SHOPIER_Package\Change_Theme_Style\Home_0_Electrics_Christmas

2. Go to your Shopify admin, access to Store Online --> Themes --> Edit HTML/CSS open nt-home-static-block-1.liquid file and paste the content of above file into here

Footer Layout Default

We also included 2 images for footer. Please check Shopify_SHOPIER_Package\Change_Theme_Style\Home_0_Electrics_Christmas\images\

Home Layout 1 (Bike Shop)

To apply Home Layout 1 for your store, you can choose Option 1 or Option 2

Option 1:

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

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

Option 2:

Step 1: Choose Presets Bike Shop at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Bike Shop style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Roboto and Roboto Condensed for Home Layout Default

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit Product Item Gutter is "15"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 1

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 1

Step 5: Edit content for Home Layout 1 at Customize Theme -> For Home Page - Layout 1

Home Layout 1 includes the blocks:

  • REVOLUTION SLIDER
  • BANNER 1
  • COLELCTION LIST
  • PRODUCT SLIDER 1
  • PRODUCT LIST 1
  • STATIC BLOCK 2

Setting for each above block

REVOLUTION SLIDER

BANNER 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> BANNER 1

COLELCTION LIST

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

PRODUCT SLIDER 1

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

PRODUCT LIST 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> PRODUCT LIST 1

STATIC BLOCK 2

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

Home Layout 2 (Fashion Shop)

To apply Home Layout 2 for your store, you can choose Option 1 or Option 2

Option 1:

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

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

Option 2:

Step 1: Choose Presets Fashion 1 at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Fashion 1 style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Roboto Condensed for Home Layout Default

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit Product Item Gutter is "30"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 2

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 2

Step 5: Edit content for Home Layout 2 at Customize Theme -> For Home Page - Layout 2

Home Layout 2 includes the blocks:

  • REVOLUTION SLIDER
  • STATIC BLOCK 3
  • PRODUCT TAB 3
  • BANNER 2
  • PRODUCT SLIDER 2
  • TESTIMONIALS
  • OTHER COLLECTION 2
  • BRAND SLIDER
  • RECENTLY BLOG
  • STATIC BLOCK 4
  • INSTAGRAM

Setting for each above block

REVOLUTION SLIDER

STATIC BLOCK 3

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> STATIC BLOCK 3

PRODUCT TAB 3

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> STATIC BLOCK 3

BANNER 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> BANNER 2

PRODUCT SLIDER 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> PRODUCT SLIDER 2

TESTIMONIALS

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> TESTIMONIALS

OTHER COLLECTION 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> OTHER COLLECTION 2

BRAND SLIDER

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

RECENTLY BLOG

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

STATIC BLOCK 4

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> STATIC BLOCK 4

INSTAGRAM

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

Home Layout 3 (Baby Shop)

To apply Home Layout 3 for your store, you can choose Option 1 or Option 2

Option 1:

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

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

Option 2:

Step 1: Choose Presets Baby Shop at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Baby Shop style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Poppins for Home Layout Default

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit Product Item Gutter is "30"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 3

Step 4: Choose Footer 3 at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 3

Step 5: Edit content for Home Layout 3 at Customize Theme -> For Home Page - Layout 3

Home Layout 3 includes the blocks:

  • REVOLUTION SLIDER
  • STATIC BLOCK 5
  • BANNER 3
  • SIDEBAR AND CONTENT
  • RECENTLY BLOG
  • STORE LOACTIONS

Setting for each above block

REVOLUTION SLIDER

home-static-block-5

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> STATIC BLOCK 5

home-banner-3

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

home-section-sidebar-and-content

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> SIDEBAR AND CONTENT

home-recently-blog

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

home-static-block-6-store-locations

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> STORE LOACTIONS

Home Layout 4 (Supper Market 1)

To apply Home Layout 4 for your store, you can choose Option 1 or Option 2

Option 1:

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

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

Option 2:

Step 1: Choose Presets Super Market 1 at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Super Market 1 style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Roboto and Roboto Condensed for Home Layout Default

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit Product Item Gutter is "0"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 4

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout Default

Step 5: Edit content for Home Layout 4 at Customize Theme -> For Home Page - Layout 4

Home Layout 4 includes the blocks:

  • REVOLUTION SLIDER
  • PRODUCT TAB 4
  • BANNER 4
  • COLLECTION LISTS 1
  • OTHER COLLECTIONS 1
  • BRAND SLIDER

Setting for each above block

REVOLUTION SLIDER

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

home-product-tab-4

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

home-banner-4

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> BANNER 4

home-collection-lists-1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> COLLECTION LISTS 1

home-other-collections-1

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

home-brand-slider

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

Home Layout 5 (Supper Market 2)

To apply Home Layout 5 for your store, you can choose Option 1 or Option 2

Option 1:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_SHOPIER_Package\Change_Theme_Style\Home_5_SuperMarket_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

Option 2:

Step 1: Choose Presets Super Market 2 at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Super Market 2 style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Roboto and Roboto Condensed for Home Layout 5

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit Product Item Gutter is "0"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 6

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 6

Step 5: Edit content for Home Layout 5 at Customize Theme -> For Home Page - Layout 5

Home Layout 5 includes the blocks:

  • REVOLUTION SLIDER
  • COLLECTION LISTs 2
  • PRODUCT LIST 2

Setting for each above block

REVOLUTION SLIDER

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

TWO BLOCK BANNER SLIDESHOW

home-collection-lists-2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> COLLECTION LISTs 2

PRODUCT LISTS

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> PRODUCT LIST 2

Home Layout 6 (Cosmetic Shop)

To apply Home Layout 6 for your store, you can choose Option 1 or Option 2

Option 1:

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

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

Option 2:

Step 1: Choose Presets Cosemtic Shop at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Cosemtic Shop style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Poppins and Poppins for Home Layout 6

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit Product Item Gutter is "30"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 2

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 2

Step 5: Edit content for Home Layout 6 at Customize Theme -> For Home Page - Layout 6

Home Layout 6 includes the blocks:

  • REVOLUTION SLIDER
  • BANNER 3
  • COLLECTION LIST
  • PRODUCT SLIDER 1
  • PRODUCT LIST 1
  • BRAND SLIDER
  • RECENTLY BLOG
  • INSTAGRAM

Setting for each above block

REVOLUTION SLIDER

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

BANNER 3

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

COLLECTION LIST

Please configure this at COLLECTION LIST

PRODUCT SLIDER 1

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

PRODUCT LIST 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> PRODUCT LIST 1

BRAND SLIDER

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

RECENTLY BLOG

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

INSTAGRAM

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

Home Layout 7 (Funiture)

To apply Home Layout 7 for your store, you can choose Option 1 or Option 2

Option 1:

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

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

Option 2:

Step 1: Choose Presets Funiture at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Funiture style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Rubik for Home Layout 7

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit Product Item Gutter is "0"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 5

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 1

Step 5: Edit content for Home Layout 7 at Customize Theme -> For Home Page - Layout 7

Home Layout 7 includes the blocks:

  • REVOLUTION SLIDER
  • STATIC BLOCK 2
  • BANNER 2
  • PRODUCT SLIDER 1
  • PRODUCT TAB 2
  • PRODUCT LIST 1
  • RECENTLY BLOG
  • INSTAGRAM

Setting for each above block

REVOLUTION SLIDER

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

STATIC BLOCK 2

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

BANNER 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> BANNER 2

PRODUCT SLIDER 1

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

PRODUCT TAB 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> PRODUCT TAB 2

PRODUCT LIST 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> PRODUCT LIST 1

RECENTLY BLOG

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

INSTAGRAM

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

Home Layout 8 (Watch Shop)

To apply Home Layout 8 for your store, you can choose Option 1 or Option 2

Option 1:

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

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

Option 2:

Step 1: Choose Presets Watch Shop at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Watch Shop style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Poppins and Poppins for Home Layout 8

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit Product Item Gutter is "10"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 3

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 3

Step 5: Edit content for Home Layout 8 at Customize Theme -> For Home Page - Layout 8

Home Layout 8 includes the blocks:

  • REVOLUTION SLIDER
  • PRODUCT SLIDER 1
  • BANNER 3
  • PRODUCT LIST 1
  • BANNER 2
  • BRAND SLIDER
  • RECENTLY BLOG
  • INSTAGRAM

Setting for each above block

REVOLUTION SLIDER

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

PRODUCT SLIDER 1

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

BANNER 3

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

PRODUCT LIST 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> PRODUCT LIST 1

BANNER 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> BANNER 2

BRAND SLIDER

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

RECENTLY BLOG

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

INSTAGRAM

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

Home Layout 9 (Fruit Food)

To apply Home Layout 9 (Fruit Food) for your store, you can choose Option 1 or Option 2

Option 1:

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

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

Option 2:

Step 1: Choose Presets Fruit Food at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Fruit Food style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Poppins and Poppins for Home Layout 9

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit For Layout 1 Column is "4", For Layout 2 Column is "3", Product Item Gutter is "0"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 3

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 2

Step 5: Edit content for Home Fruit Food at Customize Theme -> Section tab

Home Layout Fruit Food includes the blocks:

  • Revolution Slider
  • Static Block 1
  • Collection List
  • Sidebar And Content
  • Recently Blog
  • Instagram

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Revolution Slider

STATIC BLOCK 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Static Block 1

COLLECTION LIST

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Collection List

SIDEBAR AND CONTENT

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Sidebar And Content

RECENTLY BLOG

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Recently Blog

INSTAGRAM

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Instagram

Home Layout 10 (Fashion 2)

To apply Home Layout 10 (Fashion 2) for your store, you can choose Option 1 or Option 2

Option 1:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_SHOPIER_Package\Change_Theme_Style\Home_10_Fashion_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

Option 2:

Step 1: Choose Presets Fashion 2 at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Fruit Food style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Rubik for Home Layout 10

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit For Layout 1 Column is "5", For Layout 2 Column is "3", Product Item Gutter is "0"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 9

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 9

Step 5: Edit content for Home Fashion 2 at Customize Theme -> Sections

Home Fashion 2 includes the blocks:

  • Revolution Slider
  • Product Slider & Banner
  • Static Block 7
  • Product Tab 5
  • Product Slider 3
  • Product Slider 4
  • Other Collection 3
  • Product Slider 5
  • Banner 3

Setting for each above block

Revolution Slider

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Revolution Slider

Product Slider & Banner

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Product Slider & Banner

Static Block 7

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Static Block 7

Product Tab 5

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Product Tab 5

Product Slider 3

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Product Slider 3

Product Slider 4

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Product Slider 4

Other Collection 3

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Other Collection 3

Product Slider 5

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Product Slider 5

Banner 3

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Banner 3

Home Layout 12 (Minimalist)

To apply Home Layout 12 (Minimalist) for your store, you can choose Option 1 or Option 2

Option 1:

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

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

Option 2:

Step 1: Choose Presets Minimalist at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Minimalist style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Poppins for Home Layout 12

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit For Layout 1 Column is "4" (Minimalist Home only support Layout 1 Column), Product Item Gutter is "30"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 12

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 12

Step 5: Edit content for Home Minimalist at Customize Theme -> Section tab

Home Layout Minimalist includes the blocks:

  • Revolution Slider
  • Minimalist

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Revolution Slider

MINIMALIST

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Minimalist

Home Layout 13 (Electrics 2)

To apply Home Layout 13 (Electrics 2) for your store, you can choose Option 1 or Option 2

Option 1:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_SHOPIER_Package\Change_Theme_Style\Home_13_Electrics_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

Option 2:

Step 1: Choose Presets Electrics 2 at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Electrics 2 style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Poppins for Home Layout 13

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit For Layout 1 Column is "5", For Layout 2 Column is "3", Product Item Gutter is "30"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 13

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 13

Step 5: Edit content for Home Electrics 2 at Customize Theme -> Section tab

Home Layout Electrics 2 includes the blocks:

  • Revolution Slider
  • Popular Categories Slider
  • Product Slider 1
  • Brand Slider
  • Banner 5
  • Product Tab 6
  • Banner 6
  • Product Slider 6
  • Static Block 1

Setting for each above block

REVOLUTION SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Revolution Slider

POPULAR CATEGORIES SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Popular Categories Slider

PRODUCT SLIDER 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Product Slider 1

BRAND SLIDER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Brand Slider

BANNER 5

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Banner 5

PRODUCT TAB 6

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Product Tab 6

BANNER 6

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Banner 6

PRODUCT SLIDER 6

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Product Slider 6

STATIC BLOCK 1

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Static Block 1

Home Layout 13 (Minimal Glasses)

To apply Home Layout 13 (Minimal Glasses) for your store, you can choose Option 1 or Option 2

Option 1:

Step 1: Copy content of settings_date.json from the source that you download from ThemeForest Shopify_SHOPIER_Package\Change_Theme_Style\Home_13_Electrics_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

Option 2:

Step 1: Choose Presets Minimal Glasses at Customize Theme -> General settings --> Scroll down "Change theme style"

After that, choose Minimal Glasses style

Step 2: Edit Font Family For Home Page

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

- Click the Customize theme --> Typography

- Use font Poppins and Montserrat for Home Layout 14

Fonts Name 1

Fonts Name 2

Fonts Name 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Custom Font

Heading Page

Heading Sidebar

Navigation Font

Navigation Vertical Font

Product Grid Name Font

Product Grid Price Font

And from Customize theme --> Product Grid, edit For Layout 1 Column is "4", For Layout 2 Column is "3", Product Item Gutter is "10"

Step 3: Choose Header Layout at Customize Theme --> Sections tab --> Header

Choose Header Layout 14

Step 4: Choose Footer Layout at Customize Theme --> Sections tab --> Footer

Choose Footer Layout 14

Step 5: Edit content for Minimal Glasses at Customize Theme -> Section tab

Home Layout Minimal Glasses includes the blocks:

  • Revolution Slider
  • 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 --> Add section --> Revolution Slider

PRODUCT LIST + LOAD MORE

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Product List + Load More

PRODUCT SLIDER & BANNER 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Product Slider & banner 2

HOME NEWSLETTER

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Home Newsletter

STATIC BLOCK 2

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Static Block 2

INSTAGRAM

Please configure this at Online Store --> Themes --> Customize theme --> Sections --> Add section --> Instagram

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 for the theme that you want to customize:

Click the customize theme button Click the customize theme button

Presets

Using theme presets

  1. If you have made any changes to your theme options, you will be asked if you want to save those changes before applying the preset:

    Prompt before applying preset
  2. Click Apply preset without saving to use the new preset without saving your current theme options. Click Save current as new preset to save your theme options first.

    When you apply a preset, you can see the changes to your theme in the theme preview section.

  3. Click Save changes to confirm the changes to your theme options.

RTL

If you use this Language for your store: Hebrew, Arabic, Assyrian, even their parent, Aramaic, and other languages from closer regions like Azerbaijani, Yiddish, Persian.

Please checked Enable RTL? option.

Background Body

For Example:

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

Typography

Setting the Typography for store

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

Block Style

Colors

From Customize Theme -> Colors

Button

From Customize Theme -> Button

Product Grid

From Customize Theme -> Product Grid

Other Product Default

Product Grid - Style 1

Product Grid - Style 2

Ajax infinite scroll

From Customize Theme -> Ajax infinite scroll

Money options

From Customize Theme -> Money options

Social Media

From Customize Theme -> Social Media

Navigation

From Customize Theme -> Navigation

Home SlideShow

From Customize Theme -> Home — Slideshow

Revolution Slider

From Customize Theme -> Home slideshow — Revolution

Flex Slider

From Customize Theme -> Home slideshow — FlexSlider

Popup Newsletter

From Customize Theme -> Popup Newsletter

List Collection Page

From Customize Theme -> List Collection Page

Cart Page

From Customize Theme -> Cart Page

404 Page

From Customize Theme -> 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 -> 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 --> 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 --> 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 --> 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 Sizechart For a Product

To add SizeChart Image 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 Image Link

    To get Image Link for SizeChart, Please follow below steps:

    1. From your store admin, go to Settings/Files
    2. Upload the sizechart image
    3. Copy link

  • 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

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

Show html btn

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:

    Show html btn Show html btn Show html btn

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

Show html btn

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.

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 at support@theyetis.com. We are glad to support for you.

Theme Update