1. Extract the zip file downloded from Themeforest. Extracting the zip will create following folders :
   • Documentation : Contains information about theme installation and setup.
   • Licensing : Contains files related to theme license and usage.
   • PSD_Files : Contains PSD files of all the layouts.
   • Packages : This folder contains the main zip files to be uploaded to shopify. You can choose the layout you wish to upload to shopify to make sure all the sections are setup as per the demo.
2. Open your Shopify back office, then Online Store -> Themes on the left side bar.
3. Press Upload theme and select the "upload_me_Theme.zip" file.

4. Navigate to the Theme Library section and click on Upload Theme

1. Create copy of you current theme. Online store -> Themes -> Actions -> Duplicate.
2. Download your current theme.
3. Unzip your current theme. Name theme's folder "Theme-Current"
4. Download latest theme version. Unzip latest theme. Name it "Theme-Latest".
5. Copy files with extension ".json" from current theme to latest theme. Here are a few examples of json files. They are usually located in the "templates" folder of your theme.
   • settings_data.json
   • 404.json
   • article.json
   • blog.json
   • cart.json
   • collection.json
   • index.json
   • list-collections.json
   • product.json
   • page.aboutus.json
   • page.contact.json
   • page.faq.json

   Note : There could be many other json files depending upon your customisations and theme. You must make sure you copy all those json files.

6. Zip the contents of "Theme-Latest" and rename it as Theme-Latest.zip
7. Upload "Theme-Latest.zip" to your store at Online store -> Themes -> Upload theme.
8. Reinstall the apps. Since the app code would be deleted after the updates.

1. To enable product review, Install Product Reviews App
2. Press "Add App" button and proceed with general app installation procedure.
3. Once you are done with basic app setup, the app is ready to use.

Set up Shopify Payments to use multiple currencies

1. From your shop admin, go to the Settings / Payments
2. In the Shopify Payments section, click Manage.
3. In the Countries/regions section, click Add country/region.
4. Select the country or region that you want to support from the list of supported countries and regions.
5. Click Add country/region.


Enable a currency selector on the store front

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

Add new languages

1. From your Shopify admin, go to Settings / Store Languages
2. In Translated languages, click Add Language.
3. Choose a language from the drop-down menu, then click Add.
4. Click Visit Shopify App Store and follow the steps to install a translation app to your store.
5. Follow the steps in the app to translate your online store's content and publish new languages.
6. Click Preview to view different languages in your online store. You can preview both published and unpublished languages.
7. 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.

How to set up Multiple Languages?

• Localization and translation
• Managing languages
• Shopify Translate & Adapt app

How to set up Multiple Languages?

1. From your shop admin, go to the Settings / Checkout
2. You can allow/deny the customer account creation. You can also keep it optional.Generally, setting must be set to "Accounts are optional"

1. Online Store > Product
2. Click Import.
3. Click Add file, and then select the CSV file that you want to import.

1. Go to Customizer > Theme Settings > general settings

1. Go to Customizer > Theme Settings > General Settings
2. Scroll down to "Header Layout". Select a header from the dropdown that shows available headers.

Layout1

Vertical Mega Menu, Header links, Services in the top navigation bar, Contact Block, Account, Search and Shopping Cart.

Layout2

Horizontal Mega Menu, Services in the top navigation bar, Search on the left of the logo, Account and Shopping Cart on the right of the logo.

Layout3

Vertical Mega Menu, Header links, Category in the top navigation bar, Contact Block, Account, Search and Shopping Cart.

Layout4

Vertical Mega Menu, Header links, Phone & Email & Cart in main header, Wishlist, Account, Search in top navigation bar.

Layout5

Horizontal Mega Menu, Amusment Bar, Wishlist, Account in the top navigation bar, Contact Block, Search and Shopping Cart.

Layout6

Horizontal Mega Menu, Contact Block, Wishlist, Account in the top navigation bar, Category, Search and Shopping Cart.

Layout7

Horizontal Mega Menu, Contact Block, Wishlist, Account in the top navigation bar, Category, Search and Shopping Cart.

1. Go to Customizer > Theme Settings > General Settings
2. Scroll down to "Footer Layout". Select a footer from the dropdown that shows available footers.

Layout1

Store logo & Description, Social Links, Store Address, Contact, Email, Footer Links and Payment Icons

Layout2

Store Address, Contact, Email, Newsletter, Footer Links, Store Logo and Payment Icons

1. Go to Customizer > Theme Settings > Colors
2. Configure Header, Footer, Basic Theme Color, Button Colors and Product Icon Colors as per requirement.

1. Go to Customizer > Theme Settings > Cart Drawer


Motivator Product Feature

Motivator Products are optional add-ons that you can include with your orders to make your shopping journey even more enjoyable. These products, such as Gift Wrap and Shipping Protection, are designed to add value and convenience to your purchase.

How Can Motivator Products Boost Your Shopping Experience?

1. Gift Wrap: Add a Personal Touch

Choose our Gift Wrap option during checkout to add a touch of elegance to your order. Perfect for special occasions or surprising a loved one, our beautifully wrapped packages will make your unboxing experience memorable.

2. Shipping Protection: Peace of Mind for Your Orders

Opt for Shipping Protection to safeguard your order from potential damage, loss, or theft during transit. It's an extra layer of security that ensures your items reach you in perfect condition, giving you peace of mind with every purchase.

Benefits of Choosing Motivator Products:

1. Personalization:

   Gift Wrap allows you to customize your order, making it uniquely yours or creating a thoughtful gift for someone special.

2. Security:

   Shipping Protection adds an extra layer of protection to your orders, ensuring they arrive in excellent condition.

3. Convenience:

   Both options are seamlessly integrated into the checkout process, allowing you to enhance your order with just a few clicks.

Related Product Slider Feature

The "Add to Cart Related Product Slider" is a powerful feature designed to enhance the shopping experience on your online store. When a user adds a product to the cart, this feature automatically showcases a slider of related products, providing customers with personalized recommendations and encouraging additional purchases.

1. Go to Product > Open Your Product > Add Related Tag As Soon Below
2. related_ THE PRODUCT HANDLE THAT YOU WANT TO SHOW
3. For example : related_product1, related_product2, related_product3 and so on

1. Go to Customizer > Theme Settings > Typography
2. Configure Fonts as per your requirements.
3. You can choose from several fonts for the text in your online store. You can use a system font. A system font is a font that is already installed on most computers. You can select a mono, serif, or sans-serif font family. You can still use font styles, such as bold or italic, when you use any of these font families.

1. Go to Customizer > Theme Settings > Product


#	Parameter	Value	Description
1	Image Ratio	Select	Select Image Ratio. The size of the product images will change based on the choosen style.
2	Show Second Image on Hover	True/False	Check if you want to show second product image on hover.
3	Show Vendor	True/False	Check if you want to show vendor.
4	Button Shape	Select	Select the Button Shape. The available options are Rounded or Square.
5	Button Position	Select	Select the Button Position. The available options are Left , Right , Center or Bottom.
6	Display Add to cart as a Button	True / False	Check if you want to display Add to cart as a seperte Button.
7	Length of Characters for Short Product Description	Text	Configure the length of characters for product description.
8	Variant Picker	Select	Select Variant style. The available style is Dropdown or Swatches.
9	Show Quickview	True/False	Check if you want to show quickview.
10	Show Wishlist	True/False	Check if you want to show wishlist.
11	Show Add To Cart	True/False	Check if you want to show add to cart.
12	Background Color	Color	Configure the background color of the product.
13	Add To Cart Button Position	Select	Select the Button Position. The available options are Left , Right and Center. If you select button position center it display as a button.
14	Show Sale Badge	True/False	Check if you want to show sale badge.
15	Background color	Color	Configure the background color of sale badge.
16	Text color	Color	Configure the text color of sale badge.
17	Show Sold out Badge	True/False	Check if you want to show sold out badge.
18	Background color	Color	Configure the background color of sold out badge.
19	Text color	Color	Configure the text color of sold out badge.

1. Go to Customizer > Theme Settings > Recent Order Notification
2. Boost your product' visibility by showcasing frequent purchases, reinforcing shoppers' confidence in popular items.

1. Go to Customizer > Theme Settings > Social Media

2. Configure your desired social links. These social links are generally displayed in the store's footer.

1. Go to Customizer > Theme Settings > Custom Javascript

2. Configure custom javascript code here.

1. Go to Customizer > Theme Settings > Custom CSS

2. Configure custom CSS code here.

1. Configure Title of the page "WishList".
2. Select Visibility: Visible
3. Select Template: page.wishlist

1. Configure Title of the page "Contact us".
2. Select Visibility: Visible
3. 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.

1. Configure Title of the page "FAQ".
2. Select Visibility: Visible
3. 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.

1. Configure Title of the page "About Us".
2. Select Visibility: Visible
3. 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.

1. To enable a sidebar Go to Customizer > Theme Settings > Sidebar
2. Following screenshot shows a list of pages to which you can add the sidebar. You can check the boxes to add the sidebar to a page

1. To configure a sidebar Go to Customizer > Select Page which you enable on theme settings. For example you checked Product page to show sidebar then go to the product page.

2. These are the available blocks you can use and explained below.

1. Steps to choose a header layout is shown here
2. Configure required parameters of header layout.

1. Steps to choose a header layout is shown here
2. Configure required parameters of header layout

1. Steps to choose a header layout is shown here
2. Configure required parameters of header layout

1. Steps to choose a header layout is shown here
2. Configure required parameters of header layout

1. Steps to choose a header layout is shown here
2. Configure required parameters of header layout

1. Steps to choose a header layout is shown here
2. Configure required parameters of header layout

1. Go to Online store -> Navigation.

2. Click on "Add Menu" to create a new menu
3. Enter menu title and add menu items.

1. Navigate to Customizer > Mega Menu.

2. Click on "Add Column".
3. Enter Top Heading and Top Heading Link. You can also show flags like New, Hot, Sale by selecting these options below the link.

4. Click on Save. This will create a simple link on the mega menu.

1. Navigate to Customizer > Mega Menu.

2. Click on "Add Column".
3. Refer following image to configure each links, images or products on the dropdown. If a something is not configured, it will not appear on the dropdown

4. Click on Save. This will create a simple link on the mega menu.

1. Configure required parameters of Header Link.

1. Configure required parameters of Simple Slider.

1. Configure required parameters of Slider With Left Banner.

1. Configure required parameters of Slider With Right Banner.

1. Configure required parameters of Slider With Left Right Banner.

1. Configure required parameters of Banner With Text.

1. Configure required parameters of Banner Without Text.

1. Configure required parameters of Banner With Special Font.

1. Configure required parameters of Masonry Banner.

1. Configure required parameters of Masonry Banner With Text.

1. Configure required parameters of Product Block Style 1.

1. Configure required parameters of Product Block Style 2.

1. Configure required parameters of Product Block Style 3.

1. Configure required parameters of Product With Timer Style 1.

1. Configure required parameters of Product With Timer Style 2.

1. Configure required parameters of Single Product Block.

1. Configure required parameters of Parallax Block With Timer.

1. Configure required parameters of Parallax Block Without Timer.

1. Configure required parameters of Category Block Style 1.

1. Configure required parameters of Category Block Style 2.

1. Configure required parameters of Category Block Style 3.

1. Configure required parameters of Testimonial Block Style 1.

1. Configure required parameters of Testimonial Block Style 2.

1. Configure required parameters of Testimonial Block Style 3.

1. Configure required parameters of Testimonial Block Style 4.

1. Configure required parameters of Testimonial Block Style 5.

1. Configure required parameters of Blog Style 1.

1. Configure required parameters of Blog Style 2.

1. Configure required parameters of Blog Style 3.

1. Configure required parameters of Instagram Block Style 1.

1. Configure required parameters of Instagram Block Style 2.

1. Configure required parameters of Instagram Block Style 3.

1. Configure required parameters of Services Block Style 1.

1. Configure required parameters of Services Block Style 2.

1. Configure required parameters of Services Block Style 3.

1. Configure required parameters of Services Block Style 4.

1. Configure required parameters of Services Block Style 5.

1. Configure required parameters of Story Block Style 1.

1. Configure required parameters of Story Block Style 2.

1. Configure required parameters of Ishi Manufacturer Block.

1. Configure required parameters of Blog + Manufacturer Block.

1. Configure required parameters of Banner + Manufacturer Block.

1. Configure required parameters of Blog + Newsletter Block.

1. Configure required parameters of Deal + Newsletter Block.

1. Configure required parameters of Custom HTML Block.

1. Steps to choose a Footer layout is shown here
2. Configure required parameters of Footer layout.

1. Steps to choose a Footer layout is shown here
2. Configure required parameters of Footer layout.

1. Configure required parameters of Copyright and Payment Block.

1. Configure required parameters of Newsletter Popup.

1. Configure required parameters of Cookie Consent.

1. Go to Customizer > Product Page > Product Tabs

2. You can add multiple tabs as you want. The available tabs are Description Tab, Review Tab, Custom Tab, HTML Tab. Description Tab shows product description. Review Tab shows product reviews. Custom and HTML Tab shows custom content. In Custom Tab you can select any page which are available on your store. In HTML Tab you can write any HTML content.

1. Shopify Admin > Go to Products > All product. From the Products page, you can add custom color variant here.
2. You will need first to create variants whose option is "Color". To do that, simply open the product in your Shopify admin, and create a new option called "Color":
3. In the "option values", indicate all the product's colors. For the sake of this example, let's say that we have one variant color called "zebra black".
4. Next,create your images for custom color. since color swatches are small, you should create small images. An image of 34x34 pixels is usually enough to ensure a good quality. The image MUST be in PNG format.
5. This is very important : Make sure name of the image, must be the handleized version of the color's name you have used in your product.The handle for our option "zebra black" would be "zebra-black" (spaces to dash, and everything to lowercase). Special characters must be removed.since the images must be in a PNG format, the final image must be named, with "zebra-black.png" (make sure that .png extension is in lowercase as well)
6. Now, we must "link" the image we have created to the color by uploading the images you have created to the theme.
7. First, in your Shopify admin, open the "Files" section. To do that click on "Settings" in the bottom of the sidebar:
8. Click on the "Upload files" button situated at the top right, and upload your image:
9. Make sure that the file name is exactly the same as your original file name.
10. Repeat the process for all your colors swatches.

• Enable product filtering

  Filters allows you to set up product filtering on your collection pages. When you enable filtering, customers can filter your products by availability, product type, color, or other options to find the products that interest them the most.

• Available filters

  Filters for availability and primary price are included by default. Your product variants determine which additional filter options are available. For example, if you sell clothing with different variants for size, then you can enable a filter for size.

• Add filters

  1. From your Shopify admin, go to Online Store > Navigation
  2. Scroll down to Collection filters.
  3. Click the Add filter dropdown menu.
  4. Click Product Options, and then select one or more filter options from the list.
  5. Click Done to save your product options.
  6. Click Save to update your collection filters.
  

• Filter products

  When Collection filtering is enabled, the filter options appear in the sidebar of your online store. There is no limit to the number of filter criteria a customer can select. After the customer selects a filter option, the resulting list of filtered products will automatically update to display products that match the customer's criteria.

  

Metafields enable you to customize the functionality and appearance of your Shopify store by letting you save specialized information that isn't usually captured in the Shopify admin. You can use metafields for internal tracking, or to display specialized information on your online store in a variety of ways.

You can add metafields to your products, collections, customers, orders, and other parts of your store, either directly from your Shopify admin or by using an app from the Shopify App Store

Metafield definitions act as templates that specify what part of your store a metafield applies to and what values the metafield can have. Before you can add metafield values to specific products, orders, or other parts of your store, you first need to add the metafield definition for that information. Adding metafield definitions ensures that the same validation rules apply to every value that you enter for a specific metafield.

Metafield definitions have the following parts:

After you add a metafield definition, you add values for your metafield on the corresponding pages in your Shopify admin.

Metafields are displayed in an editable table on your Shopify admin pages. Each metafield displays the name that you selected when you created your metafield definition. You can click in each table row to display the type of metafield and its description, and then enter a value.

Metafield content types and values:

The following table contains basic instructions for adding values to common types of metafields, as well as example use cases for each type

After you add metafield definitions and assign metafield values to parts of your store, you can connect metafields to your theme to display your specialized information on your online store in a variety of ways.

Connecting metafields to your theme by using the theme editor:

You connect metafields to your theme by adding sections or blocks that support dynamic sources. For example, the Product info section can support product metafields.

• After you add a section or block, you can select a single metafield by clicking the connect dynamic source icon:
• If the connect dynamic source icon displays a +, then you can add up to 20 metafields by clicking the icon and then selecting one metafield at a time:

If you no longer want to have a metafield for part of your store, then you can delete the metafield definition and all of its associated values.

1. From your Shopify admin, go to Settings > Metafields
2. In the Manage metafields section, select the metafield category that contains the metafield definition that you want to delete.
3. Click the metafield definition that you want to delete.
4. Click Delete, and then click Delete again to confirm.