Theme Documentation

Theme Installation

When you purchase and download our theme, there are many files you see in when you extract the file.

Documentation file is information about all over our theme for installation and customization.

Theme file is package file OR shopify theme file.

Open your shopify store admin > online store > theme > click on add theme > upload your package file and publish it.

Announcement bar

Click on Add section in left side section add.

Click on add block to add more slider content, announcement your discount here to attract a more customers.

cusomization of call functionality and currency/language is available in section settings.

Here some another settings show in below image.

Header section

Via header customization you customize main theme logo, navigation menu, favicon , Sticky header types.

Here we provide many types of designed header.

Header customization as below

- Megamenu creating

- Badge point creating in megamenu like below

Admin panel > navigation > create menu

During create menu , when you give the name of child menu then add [sale] OR [hot] OR [new] in last of the menu name

Collection[new] OR Collection[hot] OR Collection[sale]

Example is as given below

- Image and link add in megamenu

Go to admin panel > content > files > upload file > copy CDN link

When you creatimg megamenu and child menu paste this CDN link after adding "|" in name

Exapmple:- menuname|CDN link

Slideshow section

Here we provide many styles of slideshow section, which is explaining in below images.

If you need to upload a video in slider than first you upload your video in your localhost file and than copy link and past the link in
customization block video text block.

Aboutus section

Here is some customization available try to explain in image.

Cms section

Here is some customization available try to explain in image.

Shipping section

Shipping or service section is available for store owner can give other special services for their customers.

Like fast shipping and gift wrapping, online support, flexible payment etc.

Marquee text slider and Email signup section

Collection and Product

Here we explain about all how to upload product and how to create collection of products.

For create or listing of product go Admin dashboard > Products > Add products > and see below image

For create collection Go Admin dashboard > Products > Collections > Create collection > and see below image

If you add some products in perticular product then use tag for example, if you create collection name "Fashion shoes" and if you attached products who have already tag "fashion", then use this tag in collection tag.

Listing of products

Lising OR Create a collection

Category sections

We provide category collection styles 1 to 5

Here below we provide some customization examples , all categories have same options for customization related their section design.

In some collection we give height ratio setting, by using this setting you set height of collection image.

Featured and tab product section

Here is all settings about the product including tab section product, where you see product in any section the settings and customization is same as below in all.

We already explain about "How to upload and listing the products ?" and also Explaining about "How to upload and listing the collections ?"

- Product features positions

- Countdown see in perticular product via metafield

Go to admin panel

settings > custom data > metafields > products > add definitions

Now go to your admin panel > click on product > scroll down > you see there are option available for metafield

Parallax & Image banner section

Testimonial section

Testimonial section is to show your client review and in this section you add product.

There are option to select review as need and add product to show customers review product.

Banner section

we provide 4 styles of banner section see customization as below.

In banner style 4 there is two styles, classic and modern , when you add modern style then text slide below of image section,

In some of banner section there is image height ratio settings are available, this is image height in percentage if you need square image then set 100 , it take 100% of height and set image as square.

Blog section

For adding a blog post and main blog follow below steps

Got to your admin panel > Click online store > blog post > add blog post

For adding a main blog follow below steps

Got to your admin panel > Click online store > blog post > manage blog > add blog > Fill all requirements and save.

- Customization of blog section

Footer section

All customization about footer section is as below.

Footer bottom customization is available in main footer section customization, please scrolldown more and you see this type of customization

For see payment icons go to admin panel > settings > payments > choose a provider > choose your payment gateway

Install review apps

The theme comes with free apps which can be installed as per your use.

Product Reviews app

To enable product review click this link and start for installation

Now click on "Add App" button and proceed with general app installation procedure.

Once you are done with basic app setup, the app is ready to use.

Currency,Language and checkout settings

1) Multiple Currencies

Note:The above screenshot is from shopify admin for your reference. The current design is subject to change as per latest shopify updates.

Admin panel > Settings > Payments

Click on manage

In the Countries/regions section, click Add country/region.

Select the country or region that you want to support from the list of supported countries and regions.

Click Add country/region.

2) Multiple Languages

Admin panel > Settings > Languages

Click Add Language.

Choose a language from the drop-down menu, then click Add.

Click Visit Shopify App Store and follow the steps to install a translation app to your store.

Follow the steps in the app to translate your online store's content and publish new languages.

Click Preview to view different languages in your online store. You can preview both published and unpublished languages.

In Translated languages, click Publish language to make any of your translations available in your store. Click Unpublish language to remove any language you don't want available in your store. Click Delete to delete all translated content of a language from your online store.

Enable a language selector on the store front

You can enable language selector from the header configuration of your shopify theme. The detailed steps are mentioned in the Header Section Documentation below.

Note:The above screenshot is from shopify admin for your reference. The current design is subject to change as per latest shopify updates.

3) Checkout Settings

Admin panel > Settings / Checkout

You can allow/deny the customer account creation. You can also keep it optional.Generally, setting must be set to "Accounts are optional"

Note:The above screenshot is from shopify admin for your reference. The current design is subject to change as per latest shopify updates.

Theme Settings

Go to Customizer > Theme Settings

Scroll down to "Browser title notification" and configure all the parameters as per your requirements.

This setting is used for all heading of theme( To change its font-style like capitalize, uppercase, lowercase, inherit.)

Product page

In product page there is lots of features available which is connect to each other

Coupon code

Admin panel > Discounts > Create discount > Select discount type as per your requirement and fill all requirements.

When you give Discount code name than it is your discount code.

Add this code in cart page this code is directly calculate in checkout page.

For more information Click here Discount type

Complementery Product & Filter

Click here to install search & discovery app Search & Discovery

Complementery product :- After installation > Admin > Click on App > Serch & Discovery > Recommendation > Select product for add complementery > Click on brows button > Add product as your wish > Save

Filter for products :- After installation > Admin > Click on App > Serch & Discovery > Filter > Add filter > Click on search button > select your wish filter and add

Gift wrapper

There are options available for enable and disable the gift wrapping , coupon code and shipping calculatior in cart page customization.

Some customer are taking product with gift wrapping , if you need to give him the wrapping facility than follow below steps

Go to admin panel > product > add product
second step is creating the menu

Go to admin panel > Navigation > Add menu
When you clearly follow this steps you see the result is open in cart page like below.

Setup Pages

Online Store > Pages click button "Add a page"

1) Wishlist Page

Configure Title of the page "WishList".

Select Visibility: Visible

Select Template: page.wishlist

2) Contact Us Page

Configure Title of the page "Contact us".

Select Visibility: Visible

Select Template: page.contact

To configure contact us page, navigate to Customizer > Contact Us Page and configure required fields.

The default sections are added by default. You can click on "Add Section" to add sections as you want.

3) FAQ Page

Configure Title of the page "FAQ".

Select Visibility: Visible

Select Template: page.faq

To configure FAQ page, navigate to Customizer > FAQ Page and configure required fields.

The default sections are added by default. You can click on "Add Section" to add sections as you want.

4) About Us Page

Configure Title of the page "About Us".

Select Visibility: Visible

Select Template: page.aboutus

To configure About Us page, navigate to Customizer > About Us Page and configure required fields.

The default sections are added by default. You can click on "Add Section" to add sections as you want.

5) Size chart

Configure Title of the page "Size chart".

Select Visibility: Visible

Select Template: page.Default page

This size chart is use in product page size guide Popup, link this page in size guide button

6) Parivacy and policy , Return & exchange , Terms policy , Shipping policy

Configure Title of the page "Page title(Parivacy and policy OR Return & exchange OR Terms policy OR Shipping policy)".

Select Visibility: Visible

Select Template: page.(Parivacy and policy OR Return & exchange OR Terms policy OR Shipping policy)

This size chart is use in product page size guide Popup, link this page in size guide button

6) Product page

There are many features availabele you can add all fetures with adding a section form customization

In product page we add related product fetures at right side of product page in details.

For adding related product

Go to admin panel > settings > custom data > product > in name space and key fill with this "custom.related_product"

Select list of products

Go to admin panel > product > click on product > scroll down > select products

Filters

To unable product filter add app in your store( Search & Discovery ) Install this app

Go to your admin panel > App > Search & Discovery > Filter

This is product filter , by using this filter customer choose their favourite product.

Metafields

Here i clearify about how to add metafield in your store

Go to admin panel > settings > Custom data

Sizechart metafield

Go to your admin panel > settings > custom data > metafields > products > add definitions

Note:-

1) The above screenshot is from shopify admin for your reference. The current design is subject to change as per latest shopify updates.

2) The images you see in the screenshots are used for demo purposes only, they are not incuded in the download package

Theme Installation

Announcement bar

Header section

- Megamenu creating

- Badge point creating in megamenu like below

- Image and link add in megamenu

Slideshow section

Aboutus section

Cms section

Shipping section

Marquee text slider and Email signup section

Collection and Product

Category sections

Featured and tab product section

- Product features positions

- Countdown see in perticular product via metafield

Parallax & Image banner section

Testimonial section

Banner section

Blog section

- Customization of blog section

Footer section

Side widget and mobile bottom menu section

Install review apps

Product Reviews app

Currency,Language and checkout settings

1) Multiple Currencies

2) Multiple Languages

Enable a language selector on the store front

3) Checkout Settings

Theme Settings

Product page

Coupon code

Complementery Product & Filter

Gift wrapper

Setup Pages

1) Wishlist Page

2) Contact Us Page

3) FAQ Page

4) About Us Page

5) Size chart

6) Parivacy and policy , Return & exchange , Terms policy , Shipping policy

6) Product page

Filters

Metafields

Sizechart metafield