Created: 21 / Feb / 2018


Latest Update: 21 / Feb / 2018




By: BuddhaThemes

1 Theme Documentation

Thank you for purchasing this theme. This is one of the finest Shopify themes. Zoe is packed with a lot of powerful features. We have put together this documentation in the best possible way to explain these features and help you set up your website using BuddhaThemes. Let's get Started!


Read the item documentation first

Many support queries and technical questions will already be answered in supporting documentation such as FAQ's and comments from previous buyers. We also make sure that all of the items sold on Envato Market have documentation included so always check the included information and if you can’t find the answer you’re looking for then consider whether the author might be able to help.


1.1About the Theme

Welcome to the gorgeous Sports theme Zoe Shopify theme. Zoe is tailor made for all kinds of Clubs running just any kind of sports like Basketball, Volleyball or Football apart from Badminton and other team sports besides Sports Academy of any sport or track & field events. Coming with a Homepage, About us page, Blog Section and Contact Us Page, Zoe theme offers the Products Portfolios in different categories. Designed in Shopify which is arguably one of the finest eCommerce platforms for online sales, Zoe theme is your solution for any Sports related site.

If you need any assistance that are beyond the scope of this help file, kindly contact us through mail. Thank you so much!


Theme Customization

Our support covers getting setup with the theme, theme related questions and bugs or issues that occur when using the theme. Customization can be any work you need done to the theme that is not covered by the scope of our support.

In most cases, this is anything that falls outside of the options the theme offers. We work with an amazing customization team, Codeable. They have unique offerings and can provide the services you need to customize your theme.

Note : if it's a minor customization means, we will do it for free. If any customization work takes more than 1 hour, we will charge $20/ per hour.

1.2 Download the Theme Package

When you purchase our theme from ThemeForest, you can download the Zoe files via the ‘Downloads’ tab on your ThemeForest account. When you download Zoe , you can choose the ‘All Files & Documentation’. This will includes the theme files and supporting documents.

Step 1 – Login to your ThemeForest account and navigate to the ‘Downloads’ tab.

Step 2 – Locate your Theme  purchase, and click the Download button. Choose between ‘All Files & Documentation’.

1.3 Shopify Information

To install this theme you must have a shopify store already. It can be trial store or premium one.

If you need help with understanding general details about shopify in Shopify. Below are all the useful links.

1.4 Theme Features

  • Responsive design: Looks great on desktops, laptops, tablets and mobiles. Give it a try on your iPhone or iPad now.
  • Draggable sections: Option to change the home page layout order using drag and drop option.
  • Product Carousel: Option to showcase products as carousel.
  • Ajax filters: Filter products by colors and other parameters using tags.
  • Ajax Cart: An option to purchase the items without leaving current page.
  • Ajax Wishlist: An option keep your items in wihlist.
  • Compare Products: This feature enable to compare more than one items at a time.
  • Highly customizable: Change colors, fonts, background image through the theme settings. No coding required.
  • Multi-currency: The currecies AUD,CAD,USD,GBP,JPY,EUR,NZD,INR,PHP are inbuilt with theme
  • Product sorting on collection pages: Sort by price, A to Z, newest etc.
  • Great for SEO: Uses the latest Shopify SEO features and product data is formatted for Google rich snippet, so that product listings are optimized for search engines.
  • Branded checkout: A seamless checkout for your customers using your logo and color scheme. You can also add a custom checkout header to your checkout screens!
  • Customer accounts: Customers can register, login, change addresses and view past orders.
  • Slick Slider: This slider displays your content the beautiful way. Whether it's a Slider, Carousel, Hero Scene.
  • Instagram Integrated: An option to showcase instagram gallery by using "Access Token".
  • Newsletter: Easily link your Mailchimp account to the newsletter form.
  • Social sharing: Share by Twitter, Facebook, Google+ and Pinterest.

Getting Started

Getting up and running with Zoe is quick and easy. Simply create a Shopify account, purchase the theme and upload it. You'll then have the opportunity to customize it to your liking before publishing it as your main theme.If that sounds like a lot, don't worry… each step is outlined in detail below and it's entirely possible to go from scratch to a store running Boutique in under ten minutes!

If you already have a Shopify account, then you can skip ahead to the next section. If you're considering setting up a store but haven't done so yet, read on.

Shopify is a hosted eCommerce solution that allows you to set up and run your own online store. Pick an eCommerce website template (preferably from us!), list your products, accept credit card orders, and ship your goods — all with a few clicks of the mouse. With Shopify it's easy to sell online and there's no software to download or maintain.

1.5 Files Included In The Package

Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

Please unpack the whole package after downloading it from Themeforest. On that extracted Zoe-Pack-v1, You can find things like Documentation, , Log.txt and Readme.txt. You need to install a file ""

  • – This is the installable theme file you’ll need to install or upload.
  • Documentation Folder – this folder contains theme documentation.
  • Log.txt – this file contains theme change/update log.
  • Readne.txt – this file contains details about folder structure.

2Theme Installation

Installing Zoe is easy and quick.To install the theme, please log in to your Shopify store and go to the Themes. From there, follow the instruction below:

1.In your back office go to: Online Store > Themes

2. Click Import option.

3. Select file from extracted folder.

4. Once this files is loaded , just publish theme and do further setups.

2.1How to setup theme exactly like the demo

Kindly follow this Video.

2.1 Plugin/App Installation

Once you have uploaded and activated the theme, install and activate few other free apps/plugins as follows.

Required Plugins Used in Various Demos

  • MetaFields Editor – This plugin is free created by Shopify.An app used to show product specfic video
  • Product Review – This plugin is free. If you enable product review , don't foreget to install Product Review.
  • Sharing tool– For using social sharing option , Install Addthis sharing tool app.Sharing Tool.

3Text Editor

As per Shopify language translation supporting feature, we need to keying all the text based information on Language Editor section, so that we have loaded all this information with the same. Kindly refer the following screen shot to know about editing this information. Just go to your store's theme section and confirm which theme is going to be the primary one (Published theme), Then do the followings.


Header is an important theme feature, and is what users see first. Following screen shot will explore whats options available with header.

4.1 Header layout

Step 1 : Navigate to the ‘Header ’ tab in your customize section.

Step 2 : Select  Header .

Step 3 : Do required setup, click ‘Save ’.

6Setup Pages

When you first install Zoe , it won’t contain all the extra pages setup by default that you might have seen in the live demo. For that you need to do followings setup for respective pages.

About us page

From your shop admin, go to the Online Store / Pages

Note :

  1. In a Online Store / Pages, find and click button "Add a page"
  2. Write in Title field as "About us
  3. Select Visibility: Visible
  4. Select Template: page.about
  5. Click save

Wishlist page

From your shop admin, go to the Online Store / Pages

Note :

  1. In a Online Store / Pages, find and click button "Add a page"
  2. Write in Title field as "Wishlist
  3. Select Visibility: Visible
  4. Select Template: page.wishlist
  5. Click save

Faq page

From your shop admin, go to the Online Store / Pages

Note :

  1. In a Online Store / Pages, find and click button "Add a page"
  2. Write in Title field as "Faqs
  3. Select Visibility: Visible
  4. Select Template: page.faq
  5. Click save

Contact page

From your shop admin, go to the Online Store / Pages

Note :

  1. In a Online Store / Pages, find and click button "Add a page"
  2. Write in Title field as "Contact
  3. Select Visibility: Visible
  4. Select Template:
  5. Click save

7 Sliders

You can change all the content, image , text color, links and button bg of slider banner in the "Slider" section itself.

8 Home Settings

Home page options can be easily configurable via these settings.

8.1Home Promo Images

8.2Product Tab

8.3Wide banner

8.4Support Block

8.5Grid Banner

8.6Blog Post


8.8Client Logo


9 Collection Page

Collection page contains following options.

  1. Sorting:  Sorting the products as low-price,high-price,best-products,new to old,old to new.
  2. Grid view
  3. List view
  4. Quick View
  5. Product Sorting

Shop By Color

Color Tags -Add color names as tags for each product (If you wish to show available colors for that product) in your product's tag section.

Shop By Tags

Filter Tags -Add filter values(Size = X, Brand = Adidas, Type = T-shirt) as tags for each product (If you wish to show available sorting options for that product) in your product's tag section.


(Products > Collections > Create Collection >Sort > By Best Selling)

You can set this condition for whole products or some hand picked items only.

Side Promo Image

Its possible to add upto 3 advertisement image, with Alt text and Links, Each will scroll as carousel.

Pagination Setup

An option available to showcase products grid as 8/12/24/36/100 per page.

Based on pagination, you can setup product per row as 2/3/4/5.

Grid Layouts

Option Given to disable/Enable each widgets and sidebar

List Layout

10 List collections

11Product Detail Page

Product detail page includes

  • Product Inner Zoom.
  • It contains inventory availiability,product vendor,product type and everything required for product attributes.
  • And also it provides product variants, Add to cart option,wishlist,product quantity,social sharing and related products.
  • Its possible to show product specfic video using the app called MetaFields Editor
  • Product color variant displayed as color swatch box .

Also here we have 2 options

  • While disable linked options, all the options will display at a time(You will have choice to pick the combinations).
  • Ex: when select the particular product color, all the sizes will appear without any restriction. user can pick any size, Available status will change based on option selection
  • When enable linked options it displays only related variant options.
  • Ex:When select particular product color, related size options to that specific color will appear.

12Blog Page

No matter which layout style you use to display your blog posts, the first thing you need to do is create the blog posts.

How To Create A Blog Post

Step 1 – Navigate to Blog Posts in your shopify admin sidebar.

Step 2 – Click on the Add blog post to make a new post. Create a title, and insert your post content in the editing field.

Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 5 – For a single image, click the Featured Image Box, select an image and click Save.

Step 6 – For a video post, paste the iFrame embed from either Youtube or Vimeo into the Video Embed Code field.

Step 7 – Once you are finished, click visible and save the post.

14About Page

About page page must be assigned to the respective template file while creating it.


Try to follow the image size guideline as shown near to upload field.

15Contact Page

Contact page page must be assigned to the respective template file while creating it.

Contact page options can be easily configurable using these settings.

17Countdown Timer

This timer need to be set for each product individually using product ID, to configure data and time, follow the screen shots.

18Currency setup

Step 1 : From your Shopify admin, go to ‘Settings

Step 2 : In the Standards and formats section, find the ‘Currency setting ’ .

Follow the screenshots

Key Notes

While installing our theme , The slider and other demo images will not be included with assets, You need to use your own images. Images used in the demo are not included for download, these images are copyrighted, if you are planning to use the photos we can provide the links to buy a license.