OMEO - Responsive Shopify Theme User Guide

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

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!

Theme Installation

The Folder Structure

Once you download the package from ThemeForest Downloads page, please unzip it and you will find it contains the following folders.

  • changelog.txt
  • README.txt
  • Shopify_OMEO_UserGuide : documentation for the theme.
  • Shopify_OMEO_Source
    • omeo-source-drag-drop-v1.0.zip : this is the file you must upload when you install the theme.
  • Change_Theme_Style
    • Omeo_Home_1: setting data for home 1
    • Omeo_Home_2: setting data for home 2

      • settings_data.json
    • Omeo_Home_3: setting data for home 3
    • ...
  • Example_Data_For_Home : sample data
    • database
      • products_export.csv : sample product data
    • Omeo_Home_1: sample image for home 1
    • Omeo_Home_2: sample image for home 2
    • Omeo_Home_3: sample image for home 3
    • ...

Uploading Theme

To install the theme, please log in to your Shopify store and go to the Online Store --> Themes. From there, click on Upload Theme and upload omeo-source-drag-drop-v1.0.zip file in the our package.

If your store is currently active and is using a different theme, please publish our theme that you have just uploaded

IMPORTANT! You could please follow below guide to customize for Home Page:

Omeo Home 1

Go to demo Home 1

Please configure Header Omeo - Layout 1 at Customize --> Theme Settings --> Header Omeo - Layout 1

Please configure Footer Omeo - Layout 1 at Customize --> Theme Settings --> Footer Omeo - Layout 1

Edit content for Omeo Home 1 at Online Store --> Themes --> Customize --> Sections:

  • REVOLUTION SLIDER
  • STATIC BLOCK 3
  • HOT DEAL-PRODUCT SINGLE 3
  • PRODUCT TAB 3
  • BANNER 1
  • COLLECTION SLIDER 1
  • TESTIMONIALS
  • HOME NEWSLETTER
  • RECENTLY BLOG
  • STATIC BLOCK 1

Omeo Home 2

Go to demo Home 2

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

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

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

Step 3: Please configure Header Omeo - Layout 2 at Customize --> Theme settings --> Header Omeo - Layout 2

Step 4: Please configure Footer Omeo - Layout 2 at Customize --> Theme settings --> Footer Omeo - Layout 2

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

  • REVOLUTION SLIDER
  • STATIC BLOCK 7
  • STATIC BLOCK 1
  • PRODUCT LIST 2
  • PRODUCT TAB 3
  • COLLECTION LIST 7
  • TESTIMONIALS
  • BRAND SLIDER
  • BANNER 1

Omeo Home 3

Go to demo Home 3

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

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

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

Step 3: Please configure Header Omeo - Layout 1 at Customize --> Theme settings --> Header Omeo - Layout 1

Step 4: Please configure Footer Omeo - Layout 3 at Customize --> Theme settings --> Footer Omeo - Layout 3

Step 5: Edit content for Home Layout 3 at Customize --> Sections:

  • REVOLUTION SLIDER
  • STATIC BLOCK 4
  • COLLECTION LIST 8
  • PRODUCT TAB 3
  • STATIC BLOCK 6
  • STATIC BLOCK 1
  • RECENTLY BLOG
  • TESTIMONIALS
  • BRAND SLIDER

Omeo Home 4

Go to demo Home 4

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

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

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

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

Step 4: Please configure Footer Omeo - Layout 1 at Customize --> Theme settings --> Footer Omeo - Layout 1

Step 5: Edit content for Home Layout 4 at Customize --> Sections:

  • REVOLUTION SLIDER
  • STATIC BLOCK 7
  • HOT DEAL-PRODUCT SINGLE
  • STATIC BLOCK 1
  • PRODUCT TAB 3
  • BANNER 1
  • TESTIMONIALS
  • COLLECTION LIST 7
  • RECENTLY BLOG
  • INSTAGRAM

Omeo Home 5

Go to demo Home 5

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

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

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

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

Step 4: Please configure Footer Omeo - Layout 1 at Customize --> Theme settings --> Footer Omeo - Layout 1

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

  • REVOLUTION SLIDER
  • STATIC BLOCK 1
  • STATIC BLOCK 4
  • COLLECTION LIST 8
  • PRODUCT TAB 3
  • BANNER 1
  • TESTIMONIALS
  • BRAND SLIDER
  • PRODUCT LIST 3

Omeo Home 6

Go to demo Home 6

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

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

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

Step 3: Please configure Header Omeo - Layout 5 at Customize --> Theme settings --> Header Omeo - Layout 5

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

Step 5: Edit content for Home Layout 6 at Customize --> Sections:

  • REVOLUTION SLIDER
  • COLLECTION LINKLIST 2
  • PRODUCT TAB 3
  • STATIC BLOCK 1
  • TESTIMONIALS
  • BANNER 1
  • STATIC BLOCK 4
  • PRODUCT LIST 3
  • BRAND SLIDER

Omeo Home 7

Go to demo Home 7

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

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

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

Step 3: Please configure Header Omeo - Layout 4 at Customize --> Theme settings --> Header Omeo - Layout 4

Step 4: Please configure Footer Omeo - Layout 3 at Customize --> Theme settings --> Footer Omeo - Layout 3

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

  • REVOLUTION SLIDER
  • STATIC BLOCK 7
  • STATIC BLOCK 1
  • BANNER 7
  • BANNER 7
  • PRODUCT TAB 3
  • HOT DEAL-PRODUCT SINGLE 3
  • RECENTLY BLOG
  • BRAND SLIDER

Omeo Home 8

Go to demo Home 8

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

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

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

Step 3: Please configure Header Omeo - Layout 4 at Customize --> Theme settings --> Header Omeo - Layout 4

Step 4: Please configure Footer Omeo - Layout 1 at Customize --> Theme settings --> Footer Omeo - Layout 1

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

  • REVOLUTION SLIDER
  • STATIC BLOCK 4
  • PRODUCT TAB 3
  • BANNER 1
  • TESTIMONIALS
  • BRAND SLIDER
  • PRODUCT LIST 3
  • STATIC BLOCK 1

Omeo Home 9

Go to demo Home 9

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

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

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

Step 3: Please configure Header Omeo - Layout 5 at Customize --> Theme settings --> Header Omeo - Layout 5

Step 4: Please configure Footer Omeo - Layout 2 at Customize --> Theme settings --> Footer Omeo - Layout 2

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

  • REVOLUTION SLIDER
  • STATIC BLOCK 1
  • COLLECTION LIST 8
  • PRODUCT TAB 3
  • BANNER 1
  • BRAND SLIDER

Omeo Home 10

Go to demo Home 10

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

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

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

Step 3: Please configure Header Omeo - Layout 4 at Customize --> Theme settings --> Header Omeo - Layout 4

Step 4: Please configure Footer Omeo - Layout 1 at Customize --> Theme settings --> Footer Omeo - Layout 1

Step 5: Edit content for Home Layout 10 at Customize --> Sections:

  • PRODUCT SLIDER&BANNER 4
  • PRODUCT SLIDER&BANNER 5
  • PRODUCT SLIDER&BANNER 4
  • PRODUCT SLIDER&BANNER 5
  • TESTIMONIALS
  • BRAND SLIDER
  • PRODUCT LIST 3

Apps Installation

Get Product Reviews APP

To enable Product Reviews, please install below app:

Get App - Product Reviews


To configure for Product Reviews, please follow below steps:

Badge with no reviews

Badge with 1 or more reviews


Get Quick View APP (* Required App)

To get Quick View App, please install below app:

Get App - Quick View by Secomapp


Get MetaFields Editor APP

To get Meta Fields App, please install below app:

Get App - MetaFields Editor

Configuration For Shop

From your admin, go to the Settings

General - Configuration Currency

Editing the HTML for currency formatting:

Show multiple currencies

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

From Customize -> Theme Settings -> Navigation

Create 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 Settings -> Navigation --> Show Navigation Vertical?

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 Settings --> Navigation - MEGA MENU

Step 2: Choose Style Style 1

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

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

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

How to get Embed Video?

Please follow below guide:

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

Create MegaMenu Style 2

MegaMenu Style 2 includes LinkList Collection

To create MegaMenu Style 2, please follow below steps:

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

Step 2: Choose Style Style 2

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

- Note: LinkList Item is Collection Name

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

Create MegaMenu Style 3

MegaMenu Style 3 includes LinkList and Featured Product and Banner Image

To create MegaMenu Style 3, please follow below steps:

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

Step 2: Choose Style Style 3

Step 3: Choose collection use for Featured Product

Step 4: Upload Banner Image and Banner Link

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

Create MegaMenu Style 4

MegaMenu Style 4 includes LinkList and and Banner Image

To create MegaMenu Style 4, please follow below steps:

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

Step 2: Choose Style Style 4

Step 3: Upload Banner Image and Banner Link

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

Variant Color

To enable Variant Color, you go to the Online Store / Themes --> Customize -> Theme 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 On 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

Theme Section

Enable/Disable section

All sections are set enable for begining.

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

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

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


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.

Add a section

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

Reorder a section

It’s just as simple to reorder existing sections:

Edit a section

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

Theme settings

The Customize 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 button on the theme that you want to customize:

Click the Customize button Click the Customize button

Background Body

For Example:

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


Typography

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


Font

Setting the Font 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 with Sub Text 1

Sub Text is in <small>...</small> tag


Heading with Sub Text 2

Sub Text is in <em>...</em> tag


Heading Page, Heading SideBar, Navigation Font, Product Grid Font

Customize Heading Page, Navigation Font, Product Grid Font at Theme Settings --> Typography

Customize Heading SideBar at Theme Settings --> Sidebar Style


Colors

Customize Color at Customize -> Theme Settings -> Colors


Button

Customize Button at Customize -> Theme Settings -> Button


Product Grid

Customize Product Grid at Customize -> Theme Settings -> Product Grid


Product Label

Add New Label

To add new label to a product. Please folloe these below steps:

  1. Choose a product that you would like to add new label
  2. Add new tag into this product tags

    Then below is the result:

Add Sale Label

To add sale label to a product. Please folloe these below steps:

  1. Choose a product that you would like to add sale label
  2. Set the price in the Compare at price are. You must set the price in Compare at price is bigger than in Price area.

    Then below is the result:


Ajax infinite scroll

From Customize -> Theme Settings -> Function - Ajax infinite scroll


Image Swap

Customize Image Swap at Theme Settings -> Function - Image Swap


Money options

Customize Money options at Theme Settings -> Function - Money options


Social Media

Customize Social Media at Theme Settings -> Social Media


Popup Newsletter

Customize Newsletter Popup at Theme Settings -> Popup Newsletter

Enter Newsletter Action URL at Theme Settings -> Newsletter Actions


List Collection Page

Go to List Collection Page

Customize List Collection Page at Theme Settings -> List Collection Page


Cart Page

Go to Cart Page

Customize Cart page at Customize -> Theme Settings -> CART PAGE

Cart Page Style 1

Cart Page Style 2


404 Page

Go to 404 Page

Customize 404 page at Theme Settings -> 404 PAGE.


Checkout

Customizing checkout page

Customize Checkout page at Theme Settings --> Checkout Page

Collection Page

Create Collection Page

To create a Collection, please follow below manual

Create A Collections


Settings For Collection Page

To setting for Collection, please access to Theme --> Customize --> Theme Settings --> COLLECTION PAGE

Layout

Collection - 1 column no sidebar

Collection - 2column left sidebar

Collection - 2column right sidebar

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


Product Items Per Page


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

Sidebar - Static Block 1

Sidebar - Feature Product

Sidebar - Popular Tags

Sidebar - Static Block 2


Product Filters

To create Product Filter for Collection page, please go to Theme --> Customize --> Theme Settings --> Function - Product Filters, add Product Tags into Filter Tags List.

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 Settings --> PRODUCT PAGE

Layout

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


Design Style

Product with bottom thumbnails

Product with left thumbnails

Product with right thumbnails

Product with sticky info

Product with grid image

Product with bottom thumnails (left sidebar)

Product with bottom thumbnails (right sidebar)


Product Page - Settings


Product Tabs

Custom Tab 1

This tab only shows the information for each product.

Please add content into Product Description between tag: <additional_info>...Your Content ...</additional_info>

Below is the result:


Product Sidebar

Product sidebar: Sidebar - Sold By, Sidebar - Banner, Sidebar - Product List 1, Sidebar - Product List 2

Custom Sidebar - Sold by

This only shows the information for each product.

Please add content into Product Description between tag: <sold_by>...Your Content ...</sold_by>

Below is the result:


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


Add Social Share in Product Page

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

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

  • Select a Tool

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

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

Blog Page

To create an article for blog, please follow below manual:

Blog Posts Manual


Blog Page - Layout

Blog Page - 1 column no sidebar

Blog Page - 2 column left sidebar

Blog Page - 2 column right sidebar

To edit Blog Page, please go to Themes --> Customize --> Theme Settings --> BLOG PAGE

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 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, enter your store 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 Mac OS, ctrl + c on Window).

  5. Log in to your Shopify admin.

  6. From your Shopify admin, click Online Store, and then click Themes --> Customize--> Theme Settings--> CONTACT PAGE

  7. Paste above code into the field Google Map Code

    Show html btn

Edit/Add fields to the Contact Form

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

Adding fields to the 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 Settings

  3. Find CONTACT PAGE and edit CONTACT - STATIC BLOCK.

Add Gallery 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.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 Items Per Row in Theme Settings -> Gallery Page.

  1. From your Shopify admin, click Online Store, and then click Themes --> Customize --> Theme Settings

  2. Find GALLERY PAGE and edit the options for it.

    - Please choose Gallery Items Per Row! The same below examples:

Credits

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

Theme support

If you have any questions, please create a ticket on https://themeyeti.atlassian.net/servicedesk/customer/portal/2 or contact us via themeyeti@gmail.com. We are glad to assit for you.

We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme then you should enlist the help of a developer. To submit a Ticket always remember including:

  • Your purchase code
  • The information or screenshot to explain your issue
  • Your URL store and admin information

Updating Theme

When our team updates a theme on the Themeforest with bug fixes and added features, those changes are not automatically added to your own theme. There is no automatic or manual way to run updates on your installed themes.

  1. Download the up-to-date (latest) version from https://themeforest.net/downloads
  2. Install the latest version as an unpublished theme.
  3. Go to your Theme Manager. On there, you can customize the theme while it remains unpublished.
  4. From the Edit code page, Config folder, copy the content of the settings_data.json file from the current theme to the new theme.
    That file contains all the current values of your theme's Customize page settings.
  5. Uninstall and re-install all of your Shopify applications that add code to the theme.