Posh Ecommerce - Responsive Shopify Theme User Guide


  • Theme Version: 1.0.0
  • Theme Support: Our theme support Shopify 2.0 (Sections Ready)
  • Our Support Email: support@poshecommerce.com

Thank you for purchasing Posh Ecommerce Responsive Shopify Theme. If you have any doubt about this theme or you find an issue, please feel free to send us a message: support@poshecommerce.com

Below you will find the complete documentation on how to use our theme and we wish you have a great experience with our Responsive Shopify Theme.

Shopify Overview


Shopify is one of the fastest growing hosted ecommerce solutions provider company. Any layman can easily set up and start his online store in few mintues with couple of clicks of keyboard or mobile. You don’t need domain or no need of credit card. You can just create trial store and choose inbuilt Responsive Shopify Theme and your store will be ready. Shopify comes with complete ecommerce features, that one needs to start the online store. You can list your products, quickly add products, import products, customize the look of store, set up the supported payment gateways, start accepting orders and manage shipping of products with easy admin user interface. You will have 14 days trial period and you can make it full version by buying paid plan of Shopify.

Shopify has in built feature of Search Engine Optimization(SEO) using which you can input proper Meta descriptions, title tags, alt tags for images for each page. That will lead your website to achieve better organic search engine results and will get more traffic to your site. Here more traffic means more sales results.

Shopify also comes with 100% PCI-DSS compliant so that you can accept credit cards with a secure shopping cart experience.

Theme Installation


1/ Download the package (the file is in zip format)

2/ Extract the file you've just downloaded.

3/ Find this file:poshecommerce-responsive-shopify-themes.zip in the folder PoshEcommerce-Section-Ready-Theme-files-1.0.0, then you just need choose theme zip and need to upload any. eg. poshecommerce1-1.0.0.zip , poshecommerce2-1.0.0.zip etc file to your Shopify store.

Install Theme


To install the theme:

  1. Please log in to your Shopify store, click Online Store.
    Install
  2. From there, click Upload theme on the top left-hand corner.
    Install
  3. The Upload Theme dialog displays. Click Choose File to select the .zip file you want to upload, then click Upload.
    Install
  4. If your store is currently active and is using a different theme, you can select Publish theme button to publish what you have just uploaded to be an active theme.
    Install
    Install

Install Apps


Set Product Review

To have product review feature, you can install this free app below:

Get App - Product Reviews

Basic Configuration

Enable Customer Registration Form


  1. From your Shopify admin, click Settings, then click Checkout.
    #
  2. Scroll down to the Customer accounts sections.
  3. Check Accounts are optional and click Save.
    #

Setup shipping rates


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

Setup shipping rates

Configure Multiple Currencies


Editing the HTML for currency formatting

  1. From your Shopify admin, click Settings, then click General:
    #
  2. Scroll down to Standards & formats area, you'll see your Currency setting.
    #
  3. Click change formatting to open the Currency Formatting sections.
  4. Find HTML with currency and HTML without currency formats in the sections.
    Install

Configure MailChimp


Could you please refer this link for your reference to create a Mailchimp account.

After creating the mailchimp account, you need to copy the URL to MailChimp form action URL in the setting to show your own mailchimp.

Please follow below guide:

From your Shopify admin, click Online Store. Click Customize theme for the theme you want to customize. In General Settings Tab >> Newsletter Popup.

You can read more at here and do follow it to get the action URL.


mailchimp

Setup of Navigation


SETUP

To customize the theme, go to your Themes Page in your stores Admin Panel. Next to the theme you would like to customize, there are two links: 'Theme Settings' and 'Theme Editor', click 'Theme Settings'.

Before you begin customizing your store, we would like to notice that this section will help you to have some collections and products added and a blog article written. So if you already had an active store and you are just updating your design, you don't need to read this part. Otherwise, here are some links to help you to set up your new store:

Create a menu


1. From your Shopify admin, click Online Store, then click Navigation:

Install

2. On Main Menu menu, click Edit menu.

Install

3. Click Add menu item to create a link in main menu.

Install

4. Input Name and select link options.

Install

Create multi-level drop-down menus


You can refer at here.

Install

Example: To create a multi-level for "ELECTRONICS" item, please follow these below steps:

1. From your Shopify admin, click Online Store, then click Navigation.

Install

2. Click Add menu.

Install

Install

3. Then click Save menu to create a menu.

Continue, create level 2 dropdown menu

Example: Create a dropdown menu for "Maecenas commodos" sub menu of "Electronics" item

1. Click Add menu.

Install

Install

2. Then click Save menu to create a menu.

How to show Mega Menu


Step 1: You need to create multi-level drop-down menus.
Step 2: Put items you'd like to show as Mega Menu at Mega Menu Style 1, Mega Menu Style 2, Mega Menu Style 3 ... and choose the Style Which is suitable for your option in Settings.
Step 3: On your site, it will have 3 styles of Dropdown Mega Menu.
Step 4: In Themes >> Customize theme >> Header >> Megamenu , at Content click add content to choose style.


Mega Menu

Mega Menu Style 1

Install

You'd like to display Menu as Mega Menu Style 1, you need to:

In settings of Themes >> Customize theme >> Sections >> Header >> Mega Menu, at "Content" click add content to choose style, you add Mega Menu Style 1,
Mega Menu

Please follow the below image.
Mega Menu


Mega Menu Style 2

Install

You'd like to display Menu as Mega Menu Style 2, you need to:

In settings of Themes >> Customize theme >> Sections >> Header >> Mega Menu, at "Content" click add content to choose style, you add Mega Menu Style 2,
Mega Menu

Please follow the below image.
Mega Menu


Mega Menu Style 3

Install

You'd like to display Menu as Mega Menu Style 3, you need to:

In settings of Themes >> Customize theme >> Sections >> Header >> Mega Menu, at "Content" click add content to choose style, you add Mega Menu Style 3,
Mega Menu

Please follow the below image.
Mega Menu


Slideshow


Add Sections for Slideshow.

Recommended Size for Demo Ecommerce slideshow images : ( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

From your Shopify admin, click Online Store. Click Customize theme for the theme you want to customize. Then go to Slideshow Sections tab, click Add content.

Settings

Settings


Settings


Guide on Configure Slideshow Image.

Settings

Configure Slideshow Video

You can go to this link to know how to get the ID from Youtube.

From your Shopify admin, click Online Store. Click Customize theme for the theme you want to customize. Then go to Slideshow Sections tab, click Add content.


Video
Video

Instagram


In settings of Themes >> Customize theme >> Sections >> Instagram

Settings

In Instagram sections, you need add your required Instagram Details: Your Client Id, User Id and Access Token.

With clientId: your API client id from Instagram.

How to get Instagram Client_ID: https://elfsight.com/blog/2015/10/get-instagram-client-id-guide

How to get Instagram Access Token & UserID: please follow below guide

  • Go to http://instagram.pixelunion.net/, click on the "Generate Access Token" button and login with the credentials for the Instagram account you want to access. Pixel Union will generate a new authorisation token for you. Copy the token to your Theme Settings.
  • Now copy the first 10 characters of the token - they are the characters before the "." (full stop). This is the User ID: paste it into 'User Id'.
  • Save your Settings.

More Settings:

  • You can set number of images, which you want to load.
  • Resulution of Images - Low Resolution, Standard Resolution.
  • Set Sort By - Oldest to Newest, Newest to oldest, Highest # of likes to lowest, Lowest # likes to highest, Lowest # of comments to highest, Random.

Demo 1 - Home Page

Check Live Demo 1 Here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Amazing New Collection


Settings

In settings of Themes >> Customize theme >> Sections >> Amazing New Collection

Settings

Two Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home Two Custom banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Our Brands


In settings of Themes >> Customize theme >> Sections >> Our Brands

Settings

Testimonial


In settings of Themes >> Customize theme >> Sections >> Testimonial

Settings

Latest Blog Posts


In settings of Themes >> Customize theme >> Sections >> Latest Blog Posts

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 2 - Home Page

Check Live Demo 2 Here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

HEADER TOP MENU AND PHONE NUMBER

Settings

5.Shop By Brand dropdown enable/disable.


Shopp by brand

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Browse Categories/Collections Slider


In settings of Themes >> Customize theme >> Sections >> Browse Categories

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Three Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home Three Custom banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Just Arrived Collection


Settings

In settings of Themes >> Customize theme >> Sections >> Just Arrived

Settings

Latest Blog


Settings

In settings of Themes >> Customize theme >> Sections >> Latest Blog Posts

Settings

Brands Slider


In settings of Themes >> Customize theme >> Sections >> Brands

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 3 - Home Page

Check Live Demo 3 Here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

HEADER - ALL CATEGORIES DROPDOWN

Settings

5.Shop By Brand dropdown enable/disable.


Shopp by brand

Four Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home Four Custom banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Brands Slider


In settings of Themes >> Customize theme >> Sections >> Our Brands

Settings

Blog Posts & Testimonial Section


In settings of Themes >> Customize theme >> Sections >> Latest Blog Post

Blog Post Settings

Settings

Testimonial Settings

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 4 - Home Page

Check live Demo 4 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

HEADER TOP MENU AND PHONE NUMBER

Settings

5.Shop By Brand dropdown enable/disable and Top Social Links.


Shopp by brand

Four Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home Four Custom banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Latest Bestseller Special Products


Settings

In settings of Themes >> Customize theme >> Sections >> Latest

Settings

Brands Slider


In settings of Themes >> Customize theme >> Sections >> Our Brands

Settings

Latest Blog


Settings

In settings of Themes >> Customize theme >> Sections >> Latest Blog Posts

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 5 - Home Page

Check live Demo 5 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5.Shop By Brand dropdown enable/disable and SETTING MENU links.


Shopp by brand

Demo 6 - Home Page

Check live Demo 6 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5.Shop By Brand dropdown enable/disable.


Shopp by brand

Three Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home Three Custom banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Welcome Content Block


In settings of Themes >> Customize theme >> Sections >> Welcome to Demo Ecommerce

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 7 - Home Page

Check live Demo 7 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER TOP MENU AND PHONE NUMBER

Settings

6.Shop By Brand dropdown enable/disable.


Shopp by brand

New Arrivals Collection


Settings

In settings of Themes >> Customize theme >> Sections >> New Arrivals

Settings

Four Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home Custom banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Testimonial


In settings of Themes >> Customize theme >> Sections >> What customer's Say

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Latest Blog


Settings

In settings of Themes >> Customize theme >> Sections >> Latest Blog Posts

Settings

Brands Slider


In settings of Themes >> Customize theme >> Sections >> Our Brands

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 8 - Home Page

Check live Demo 8 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER SETTING MENU

Settings

6.Shop By Brand dropdown enable/disable.


Shopp by brand

Home Left Sidebar


In settings of Themes ->> Customize theme >> Sections >> Home Left Sidebar

1. Show Collection/Categories.


Install

2. Manage Left Side Two Promo-Banners

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)
Install

3. Manage Left Side - Testimonials


Install

Hot - New - Featured Products


Install

In settings of Themes >> Customize theme >> Sections >> Hot Products


Install

Home Custom Banner Block


Install

In settings of Themes >> Customize theme >> Sections >> Home Custom Banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package. )
Install

Best Seller Collection


Install

In settings of Themes >> Customize theme >> Sections >> Best Seller


Install

Latest Blog


Settings

In settings of Themes >> Customize theme >> Sections >> Latest Blog Posts

Settings

Brands Slider


In settings of Themes >> Customize theme >> Sections >> Brands

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 9 - Home Page

Check live Demo 9 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER SETTING MENU , SHOP BY BRAND, PHONE NUMBER

Settings

TODAY`S DEAL


Install

In settings of Themes >> Customize theme >> Sections >> Today`s Deal


Install

Weekly Featured Products


Install

In settings of Themes >> Customize theme >> Sections >> Weekly Featured Products


Install

Three Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home Custom banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Amazing New Collection


Settings

In settings of Themes >> Customize theme >> Sections >> Amazing New Collection

Settings

Testimonial


In settings of Themes >> Customize theme >> Sections >> What customer's Say

Settings

Latest Blog Posts


Settings

In settings of Themes >> Customize theme >> Sections >> Latest Blog Posts

Settings

Newsletter


In settings of Themes >> Customize theme >> Sections >> Newsletter

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 10 - Home Page

Check live Demo 10 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. SHOP BY BRAND dropdown enable/disable.

Settings

New Products


Install

In settings of Themes >> Customize theme >> Sections >> New Products


Install

Three Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home 3 Custom banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Two Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home 2 Custom banner

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 11 - Home Page

Check live Demo 11 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. SHOP BY BRAND AND PHONE NUMBER

Settings

Four Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home 4 Custom banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

New Products


Install

In settings of Themes >> Customize theme >> Sections >> New Products


Install

Welcome Content


In settings of Themes >> Customize theme >> Sections >> Welcome Content


Install

Brands Slider


In settings of Themes >> Customize theme >> Sections >> Our Brands

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 12 - Home Page

Check live Demo 12 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER TOP MENU AND PHONE NUMBER

Settings

5. SHOP BY BRAND dropdown enable/disable.

Settings

Shop The Collection


Settings

In settings of Themes >> Customize theme >> Sections >> Shop Collection

Settings

Home 2 Custom Banner


In settings of Themes >> Customize theme >> Sections >> Home Custom Banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Hot Look Collection


Settings

In settings of Themes >> Customize theme >> Sections >> Hot Look Collection

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

New Products


Install

In settings of Themes >> Customize theme >> Sections >> New Products


Install

Brands Slider


In settings of Themes >> Customize theme >> Sections >> Brands

Settings

Settings

Testimonial and Information


In settings of Themes >> Customize theme >> Sections >> Testimonial

Information Icon

Settings

Testimonial

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 13 - Home Page

Check live Demo 13 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER TOP MENU , SOCIAL ICONS, PHONE NUMBER, SHIPPING ICON & INFO

Settings

6. SHOP BY BRAND dropdown enable/disable.

Settings

Shop by Category - Banner


In settings of Themes >> Customize theme >> Sections >> Shop by Category

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Welcome Content Block


In settings of Themes >> Customize theme >> Sections >> Welcome TO Jewelry Store

Settings

Three Custom Block Banner


In settings of Themes >> Customize theme >> Sections >> Home Custom banner

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 14 - Home Page

Check live Demo 14 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER TOP MENU , PHONE NUMBER

Settings

6. HEADER INFORMATION ICONS

Settings

7. SHOP BY BRAND dropdown enable/disable.

Settings

Two Custom Banners Block


In settings of Themes >> Customize theme >> Sections >> Home Custom Banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Hot Brands


In settings of Themes >> Customize theme >> Sections >> Hot Brands

Settings

Welcome Content Block


In settings of Themes >> Customize theme >> Sections >> Welcome To Shadescool

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 15 - Home Page

Check live Demo 15 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER CATEGORIES DROPDOWN, PHONE NUMBER, SOCIAL MEDIA LINKS, SHOP BY BRAND

Settings

New Products and Featured Products Collection


Settings

In settings of Themes >> Customize theme >> Sections >> New Products

Settings

Deal of The Day and 4 Custom Banners


Settings

In settings of Themes >> Customize theme >> Sections >> Deal of The Day and 4 Banners

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Welcome Text


In settings of Themes >> Customize theme >> Sections >> Welcome to Smart World Electronic Store

Settings

Home Custom Banner


In settings of Themes >> Customize theme >> Sections >> Home Custom Banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Our Brands


In settings of Themes >> Customize theme >> Sections >> Our Brands

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 16 - Home Page

Check live Demo 16 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER SETTING MENU , SHOP BY BRAND , PHONE NUMBER

Settings

Professional Designs( PARALLAX )


Settings

In settings of Themes >> Customize theme >> Sections >> Professional Designs

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Home Custom Banner ( PARALLAX )


In settings of Themes >> Customize theme >> Sections >> Home Custom Banner

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Special Products ( PARALLAX )


Settings

In settings of Themes >> Customize theme >> Sections >> Special Products Collections

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

What customer's Say ( PARALLAX )


Settings

In settings of Themes >> Customize theme >> Sections >> What customer's Say

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Latest Blog ( PARALLAX )


Settings

In settings of Themes >> Customize theme >> Sections >> Latest Blog Post

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 17 - Home Page

Check live Demo 17 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER SETTING MENU

Settings

Home 4 Custom Banners


In settings of Themes >> Customize theme >> Sections >> Home 4 Custom Banners

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

Amazing New Collection


Settings

In settings of Themes >> Customize theme >> Sections >> Amazing New Products

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Newsletter


Settings

In settings of Themes >> Customize theme >> Sections >> Newsletter

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 18 - Home Page

Check live Demo 18 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER SETTING MENU AND SHOP BY BRAND

Settings

Information


In settings of Themes >> Customize theme >> Sections >> Information

Settings

Our Brands


In settings of Themes >> Customize theme >> Sections >> Our Brands

Settings

Testimonial and Latest Post


Settings

In settings of Themes >> Customize theme >> Sections >> Latest Blog Post

Testimonial

Settings

Latest Post

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 19 - Home Page

Check live Demo 19 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER SETTING MENU AND PHONE NUMBER

Settings

6. HEADER SHOP BY BRAND dropdown enable/disable.

Settings

New Arrivals Collection


Settings

In settings of Themes >> Customize theme >> Sections >> New Arrivals

Settings

Latest Blog Posts


In settings of Themes >> Customize theme >> Sections >> Latest Blog Posts

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Demo 20 - Home Page

Check live Demo 20 here

1. From your Shopify admin, click Online Store.

Install

2. Click Customize theme for the theme you want to customize.

Install

Install

For more information regarding Shopify theme settings, please refer to Theme Setting Guide.

Header


Settings

1. From your Shopify admin, click Online Store.


Install

2. Click Customize theme for the theme you want to customize.


Install

3. At Sections click "Header" tab.


Install

4. At Header tab, you can set up these below things:

UPLOADING YOUR CUSTOM LOGO
You will find a select box that allows you to upload own logo.


Install

5. HEADER SETTING MENU AND PHONE NUMBER

Settings

6. HEADER SHOP BY BRAND dropdown enable/disable.

Settings

New Arrivals Collection


Settings

In settings of Themes >> Customize theme >> Sections >> New Arrivals

Settings

Latest Blog Posts


In settings of Themes >> Customize theme >> Sections >> Latest Blog Posts

Settings

Brands Slider


In settings of Themes >> Customize theme >> Sections >> Hot Brands

Settings

Instagram


For confiugration, please CLICK HERE to reach its guide.




Collection Page


In this sections, you will find the instruction for how to set up Collection/Category page with sections: Sidebar, Collection Page.

Settings

From your Shopify admin, click Online Store >> Themes >> Customize theme >> Colection Pages

Settings

Sidebar Banner and CMS Block

Follow to edit Banner Image, its Link and CMS Block Title & Text.

Settings

Collection Page - Two Column with Left/Right Sidebar Layout

Two Column with Left Sidebar Layout

Settings

Two Column with Right Sidebar Layout

Settings

Collection Page - Single Column Layout

Settings

Product Page


In this sections, you will find the instruction for how to set up Product page with Single Column Layout or Two Column Layout ( Right Sidebar ).

Product Detail Page - Layout Setting


From your Shopify admin, click Online Store >> Customize theme >> General Setting >> Product Detail Page .

Porduct page

Sample - Two Column Layout .

Porduct page

Sample - Single Column Layout .

Porduct page

Product Detail - Two Column Layout with Right Sidebar


From your Shopify admin, click Online Store >> Customize theme >> Click on any product on your site to display the Product Page Sections. Click Product Details.

Porduct page

Manage Several Settings Quickly

Porduct page

Custom Tabs

Porduct page

Right Sidebar

Porduct page

Right Sidebar - Store Feature Settings

Porduct page

Right Sidebar - Banner block and Related products Settings

Porduct page

From your Shopify admin, click Online Store >> Customize theme >> General Setting >> Recently Viewed Products/Items.

Porduct page

Porduct page

Product Detail - Single Column Layout


From your Shopify admin, click Online Store >> Customize theme >> Click on any product on your site to display the Product Page Sections. Click Product Pages.

Porduct page

Manage Several Settings Quickly

Porduct page

Custom Tabs

Porduct page

Store Feature Icon Settings

Porduct page

Related Products Section

From your Shopify admin, click Online Store >> Customize theme >> Click on any product on your site to display the Product Page Sections. Click Related Products.

Porduct page

Porduct page

From your Shopify admin, click Online Store >> Customize theme >> General Setting >> Recently Viewed Products/Items.

Porduct page

Porduct page

Setup of Store Inner Pages


You will also need to create two pages, One for Contact Page ' which you can link to the 'page.contact' template and another for the ' Wishlist Page ' which you can link to the 'page.wish-list' template. Linking these pages to the correct template will be covered in their respective sections within this documentation. Here is the link which help you to create custom pages.

If you are having difficulty in finding complimentary colors to use throughout your customization, we recommend using an advanced color wheel/palette such as Adobe Kuler.

How to Create Contact Us Page


Login to your Shopify admin panel, click Online Store >> Pages >> Add page.

Install

Install

Google maps

There is also a guide of how to embed a goole maps directly into the contact page. Please go to Google maps and find your desired location. Then copy the maps iframe code and paste it into the text editor.

Install

You need to extract the src attributes content. You could have a look at the example of the embedded code. The highlighted part is what you need to copy.


Then go to Themes > Customize theme > Contact Page. Click Contact Page

After you create Contact Us page successfully, please go to Themes > Customize theme > Click Contact us which you just created at navigation to show Sections for this.

At this Sections, you can start adjusting like in this image below:

Install

Then, paste the embedded code of Google Map into the field Google Map Code and put the content that you'd like to show as the below image.

Install

Put the content that you'd like to show as the below image.

Install

Contact us page - Sidebar.

Install

Install

Create Wishlist Page


1. Login to your Shopify admin panel, click Online Store>> Pages>> Add page.

Install

2. From this page, enter a Page Title and choose the Template suffix look like the below image.

Install

3. Click Save.

General settings


From your Shopify admin, click Online Store. Click Customize theme for the theme you want to customize. Click General Settings.

Settings

Social media


In General Settings Tab. Click Social Media Tab.

Settings

Theme Color Settings


From your Shopify admin, click Online Store. Click Customize theme for the theme you want to customize. In General Settings Tab >> Colors.

These below Color Settings box will allow you to modify color of all below :

  • BACKGROUND COLOR
  • TEXT
  • TITLE
  • BUTTONS
  • HEADER
  • NAVIGATION MENU
  • MEGAMENU BOX
  • DROPDOWN BOX
  • MOBILE MENU
  • BREADCRUMS BACKGROUND COLOR
  • IMAGE OVERLAYS
  • COLLECTION LIST
  • FOOTER COLOR STYLE

Settings

Typography


From your Shopify admin, click Online Store. Click Customize theme for the theme you want to customize. In General Settings Tab >> Typography.

Settings

Theme Options


From your Shopify admin, click Online Store. Click Customize theme for the theme you want to customize. In General Settings Tab >> Theme Options.

  • Text Direction - Left to Right , Right to Left
  • AJAX Add to Cart
  • Wishlist
  • Quick view
  • Option Swatches
  • Product Image Flipper
  • Recently View Products/Items
  • Lazy Loading Effect
  • Reverse Sticky Menu
  • Sticky Logo
  • Sticky MiniCart
  • Review In Sticky MiniCart
  • Infinite Scroll (Autoload) - ( In Collection page )
  • Product Detail Page - Layout (Single Column, Two Columns)
  • Product List Default view - ( Grid , List)
  • Sale Label
  • New Label

Settings

Some features identifications

Quick view

Settings

Option Swatches

Using of Variant images and Color Variant


Color Variant

To create product with color variant as in our demo page (https://posh-version-1.myshopify.com/products/daris-tees), you need to follow these steps:


A. Add images to your product variants

1. From your Shopify admin, click Products, then click on the product you would like to add color variants.

Color Variant

2. In Variants sections, click the image icon to assign an image to that variant.

Color Variant

3. Select a product image or click Add image to upload a new image.

Color Variant

4. Click Save .



B. Add color variant icons

After that, to show color swatch icons, you can use one of two below methods:

1. Upload icon with the same name as the variant color name (please use PNG icon). You need to go to Settings >> Files upload images here.
Naming convention: Lower cap and use "-" to replace white space.
For example: with the option name "Light Blue" the icon name will be light-blue.png.

2. Use color name for the option.
Naming convention: No space and the name need to be existed in this table: http://www.w3schools.com/tags/ref_colornames.asp
For example: MediumPurple or MistyRose, Black.

Product Image Flipper

Settings

Sticky MiniCart

Settings

Sale Label , New Label

Settings

For assign NEW label to any product, Just add "New" word in your product tag like below

Settings

For assign SALE label to any product, when there is Compare Price added in product, it will show automatic.

Settings

Newsletter Popup


Settings

From your Shopify admin, click Online Store >> Customize theme >> Section Tab. click Popup Newsletter. Follow to enable/disable popup and edit text and update Image in popup.

( For Image Size: Please refer our JPG Homelayout. Which you can find in Theme package.)

Settings

TOP PROMOTION BAR


EDIT HEADER TOP PROMOTION BAR

Settings

Settings

Settings

Favicon Icon


From your Shopify admin, click Online Store >> Customize theme >> General Settings Tab. click Favicon.

Settings

Currency


From your Shopify admin, click Online Store >> Customize theme >> General Settings Tab. click Currency.

Settings

Currency Options.

Settings

Checkout


From your Shopify admin, click Online Store >> Customize theme >> General Settings Tab. click Checkout.

Settings

Customer Support


If you have any questions, please do not hesitate to contact us at support@poshecommerce.com. We are happy to help!

Please add our email: support@poshecommerce.com to your address book to ensure our response email isn’t marked as spam mail.

We will try our best to reply your emails as soon as possible.
We will reply your email regarding Theme features and issues within 24 hours, except weekends and National Holidays

Thank you.
Posh Ecommerce Team

What is included in the purchase package?


  • Shopify Theme package to install in your Shopify store
  • Detailed installation & user guide documentation.

IMPORTANT NOTE: All graphic images use for demo sample only and NOT include in the purchase packages.

We are NOT responsible for any copyright infringement by using these graphic images.

By purchasing our product, you acknowledge and completely understand and agree our notice.

Credits