Thank you! We are glad that you have choosen us.
For Queries / Customisation requests, feel free to contact us.
This is our enhanced and beautifully designed responsive Shopify theme for your online Store. Theme has rich and powerful userfriendly features that would attract more clients to your online store and boost sales!
Here are some basics on installing, configuring and customizing the theme that will get you started! This document is written very carefully by keeping mind Beginners, advanced users and developers.
If you are new to shopify. Please read SHOPIFY GUIDE first and then get along with the theme document.
To update the theme without loosing your data please follow these steps :
Note : There could be many other json files depending upon your customisations and theme. You must make sure you copy all those json files.
The theme comes with free apps which can be installed as per your use.
Edit your Shopify Payments settings to enable selling in multiple currencies, and then add a currency selector to your online store's theme.
Before you start selling in multiple currencies, test your customer's experience. Shopify supports two currency values (store and customer) instead of one, to sell in multiple currencies.
You can enable currency selector from the header configuration of your shopify theme. The detailed steps are mentioned in the Header Section Documentation below.
Customers all over the world enjoy viewing content in their native language. Translating your store's content can lead to more sales because your international customers can better understand your marketing, product details, shipping, and return policies.
You can enable multiple languages from your Shopify admin to create separate URLs for your translated content. When customers land on a translated URL, your store automatically shows the translated version if translations exist. Whenever translations don't exist, your online store shows content in your primary language.
You can enable language selector from the header configuration of your shopify theme. The detailed steps are mentioned in the Header Section Documentation below.
It allows you to configure general theme settings like Product, Colors, Fonts and various other options
Following are the designs of available headers in the theme :
Layout1
Social Icone, Offer Block ,Language, Currency, Menu, Account, Search and Shopping Cart.
Layout2
Announcement bar, Wishlist, Language, Currency, Account, Search, Shopping Cart and Menu.
Following are the designs of available footers in the theme :
Layout1
Store logo & Description, Footer Links, Store Address, Contact, Email and Payment Icons
Layout2
Store logo, Footer Links, Payment Icons
# | Parameter | Value | Description |
1 | Enabled | True / False | Check if you want to enabled Cart Drawer of the Store. |
2 | Free Shipping Amount | Number | Configure the Free Shipping Amount of the Cart Drawer. |
3 | Free Shipping Background Color | Color | Configure the Free Shipping Background Color of Cart Drawer. |
4 | Free Shipping text Color | Color | Configure the Free Shipping Text Color of Cart Drawer. |
5 | Free Shipping Eligible Background Color | Color | Configure the Free Shipping Eligible Background Color of Cart Drawer. |
6 | Free Shipping Eligible text Color | Color | Configure the Free Shipping Eligible Text Color of Cart Drawer. |
# | 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 | Length of Characters for Short Product Description | Text | Configure the length of characters for product description. |
5 | Variant Picker | Select | Select Variant style. The available style is Dropdown or Swatches. |
6 | Show Quickview | True/False | Check if you want to show quickview. |
7 | Show Wishlist | True/False | Check if you want to show wishlist. |
8 | Show Add To Cart | True/False | Check if you want to show add to cart. |
9 | Show Sale Badge | True/False | Check if you want to show sale badge. |
10 | Background color | Color | Configure the background color of sale badge. |
11 | Text color | Color | Configure the text color of sale badge. |
12 | Show Sold out Badge | True/False | Check if you want to show sold out badge. |
13 | Background color | Color | Configure the background color of sold out badge. |
14 | Text color | Color | Configure the text color of sold out badge. |
Online Store > Pages click button "Add a page"
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.
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.
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.
Go to Customizer > Sections > Add Section.
To configure Header, navigate to Customizer > Header and configure required fields.
# | Parameter | Value | Description |
1 | Show Social Icons | True/False | Check if you want show social icons in block. |
2 | Announcement Bar Title | Text | Configure the title of Announcement Bar. |
3 | Button Label | Text | Configure the button label of Announcement Bar. |
4 | Button Link | URL | Configure the URL to which customer should be redirected on clicking the button. |
5 | Logo Image | Image | Configure the logo of the store here. |
6 | Max Logo Width | Number | Configure the max size of the logo in pixels. |
7 | Enable Currency selector | True / False | Check if you want to enable currency selector in the header. |
8 | Enable language selector | True / False | Check if you want to enable language selector in the header. |
Steps to configure menu items is shown here |
# | Parameter | Value | Description |
1 | Announcement Bar Title | Text | Configure the title of Announcement Bar. |
2 | Button Label | Text | Configure the button label of Announcement Bar. |
3 | Button Link | URL | Configure the URL to which customer should be redirected on clicking the button. |
4 | Logo Image | Image | Configure the logo of the store here. |
5 | Max Logo Width | Number | Configure the max size of the logo in pixels. It apply only in desktop. |
6 | Show Checkout | True / False | Check if you want to show Checkout in the header. |
7 | Show Wishlist | True / False | Check if you want to show Wishlist in the header. |
8 | Show Contact | True / False | Check if you want to show contact number in the header. |
9 | Enable Currency selector | True / False | Check if you want to enable currency selector in the header. |
10 | Enable language selector | True / False | Check if you want to enable language selector in the header. |
Content (Megamenu) | |||
Steps to configure menu items is shown here |
Shows slides of images usually below the header. There are various options available. Each of them are described below.
To configure Simple Slider, navigate to Customizer > Simple Slider and configure required fields.
# | Parameter | Value | Description |
1 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on desktop version. |
2 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on mobile version. |
Content (Slider) | |||
Desktop Version | |||
3 | Image | Image | Configure the image for the slider. |
4 | Text Position | Select | Select Text Position. The Design of the section will change based on the choosen style. |
5 | Text Alignment | Select | Select Text Alignment. The Design of the section will change based on the choosen style. |
6 | Sub Title | Text | Configure the sub title for the slider. |
7 | Sub Title Color | Color | Configure the text color of the sub title. |
8 | Title | Text | Configure the title for the slider. |
9 | Title Color | Color | Configure the text color of the title. |
10 | Description | Text | Configure the description for the slider. |
11 | Description Color | Color | Configure the text color of the description. |
12 | Button Label | Text | Configure the label of the button. |
13 | Link | URL | Configure the URL to which customer should be redirected on clicking the slider. |
Mobile Version | |||
14 | Image | Image | Configure the image for the slider. |
15 | Text Position | Select | Select Text Position. The Design of the section will change based on the choosen style. |
16 | Text Alignment | Select | Select Text Alignment. The Design of the section will change based on the choosen style. |
Shows banners on the store. The banners usually shows deals, new launches and other attractive offers of the store. Each available option are explained below.
To configure Ishi Category Block, navigate to Customizer > Ishi Category Block and configure required fields.
# | Parameter | Value | Description |
1 | Sub Title | Text | Configure sub title of the section. |
2 | Main Title | Text | Configure main title of the section. |
2 | Link | URL | Configure the URL to which customer should be redirected on clicking the banner. |
3 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on Desktop version. |
4 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on Mobile version. |
Content (image) | |||
5 | Image | Image | Configure the image of the banner. |
6 | Sub Title | Text | Configure sub title of the section. |
7 | Title | Text | Configure title of the section. |
8 | Link | URL | Configure the URL to which customer should be redirected on clicking the collection. |
9 | Sub Title Color | Color | Configure the sub title color of the section. |
10 | Title Color | Color | Configure the title color of the section. |
You can add products into a collection and configure the collection in this section to show up products.
To configure Ishi Ishi logo text Block, navigate to Customizer > Ishi logo text Block and configure required fields.
# | Parameter | Value | Description |
1 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on desktop version. |
2 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on Mobile version. |
Content (Text) | |||
3 | Title | Text | Configure the Title of the logo text Block. |
4 | Link | URL | Configure the URL to which customer should be redirected on clicking the logo text Block. |
5 | Title Color | Color | Configure the title color of the text. |
You can add products into a collection and configure the collection in this section to show up products.
To configure Ishi Featured Product, navigate to Customizer > Ishi Featured Product and configure required fields.
# | Parameter | Value | Description |
1 | Main Title | Text | Configure main title of the section. |
2 | Maximum Products to Show | Number | Configure total number of products that should be fetched from the collection. |
3 | Number of Column | Select | Select number of column to products show in one row. |
4 | Enable Swipe on Mobile | True/False | Check if you want to show slider on mobile. |
5 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on desktop version. |
6 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on mobile version. |
Content (Product Block) | |||
7 | Product Tab Title | Text | Configure the tab title of the block |
8 | Collection | Select | Configure the collection of products to be shown. |
9 | Show View All Button | True / False | Check if you want to show view all button which redirects user to collection page on click. |
Shows video on the store. This section allows you to add text on the video using options provided in the section.
To configure Banner With Text Block, navigate to Customizer > Banner With Text Block and configure required fields.
# | Parameter | Value | Description |
1 | Video Link | Text | Configure background video link title of the section.Supports YouTube and .MP4. Learn more |
2 | Text protection | Number | Configure the Darkens your image to ensure your text is readable for the section. |
3 | Text Position | Select | Select Text Position. The Design of the section will change based on the choosen style. |
4 | Sub Title | Text | Configure sub title of the section. |
5 | Main Title | Text | Configure main title of the section. |
6 | Descriptione | Text | Configure Description of the section. |
7 | Button Label | Text | Configure the label of the button |
8 | Button Link | URL | Configure the URL to which customer should be redirected on clicking the button. |
9 | Title | Text | Configure the title for the video block. |
10 | Value | Number | Allows you to select the width of the Value. The ideal width of a block should be according to the size of the content you add to the block |
11 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on desktop version. |
12 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on mobile version. |
It displays basic services offerd by the store like free deliver, easy returns, cashbacks and other services that could benefit the customers.
To configure Ishi Services Style1, navigate to Customizer > Ishi Services Style1 and configure required fields.
# | Parameter | Value | Description |
1 | banner Image | Image | Configure the image of the banner. |
2 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on Desktop version. |
3 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on Mobile version. |
Blocks Configuration (Top-Text) | |||
4 | Heading | Text | Configure the heading of the banner. |
Blocks Configuration (Service) | |||
5 | Image | Image | Configure the icon for the service. |
6 | Icon Title | Text | Configure the icon Title of the service. |
7 | Icon Text color | Color | Configure the text color of the banner. |
8 | Title | Text | Configure the Title of the service. |
9 | Sub Title | text | Configure the sub title for the banner. |
10 | Link | URL | Configure the URL to which customer should be redirected on clicking the banner. |
11 | Title color | Color | Configure the title color of the service. |
12 | Description Color | Color | Configure the Description color of the service. |
To configure Ishi Services Style2, navigate to Customizer > Ishi Services Style2 and configure required fields.
# | Parameter | Value | Description |
1 | Sub Title | Text | Configure sub title of the section. |
2 | Main Title | Text | Configure main title of the section. |
3 | Number of Column | Select | Select number of column to service show in one row. |
4 | Icon Position | Select | Select icon position. The available options are left or center. |
5 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on Desktop version. |
6 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on Mobile version. |
Content (Service) | |||
7 | Service Image | Image | Configure the icon for the service. |
8 | Title | Text | Configure the title of the service. |
9 | Sub Title | Text | Configure the sub title of the service. |
10 | Link | URL | Configure the URL to which customer should be redirected on clicking the service. |
Shows banners and specification on the store.
To configure Ishi About Block, navigate to Customizer > Ishi About Block and configure required fields.
# | Parameter | Value | Description |
1 | Sub Title | Text | Configure sub title of the section. |
2 | Main Title | Text | Configure main title of the section. |
3 | Description | Text | Configure description of the section. |
4 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on Desktop version. |
5 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on Mobile version. |
Content (Tab) | |||
6 | Product Tab Title | Text | Configure product tab title of the section. |
7 | Image | Image | Configure the image for the tab banner. |
8 | Title | Text | Configure title of tab Banner |
9 | Sub Title | Text | Configure Sub title of tab Banner |
10 | Link | URL | Configure the URL to which customer should be redirected on clicking the tab banner. |
Displays client reviews on the homepage of your store. You can add client's image, name, designation and their short review.
To configure Ishi Testimonial Block, navigate to Customizer > Ishi Testimonial Block and configure required fields.
# | Parameter | Value | Description |
1 | Sub Title | Text | Configure sub title of the Section. |
2 | Main Title | Text | Configure main title of the Section. |
3 | Content Background Color | Color | Configure the background color of the testimonial. It appears only when background image is not selected. |
4 | Title Color1 | Color | Configure the title color of the section. |
5 | Text Color2 | Color | Configure the text color of the section. |
6 | Text Color3 | Color | Configure the text color of the section. |
7 | Internal Top & Bottom Space/Padding | Number | Configure internal Top and Bottom padding of the box. |
8 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on Desktop version. |
9 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on Mobile version. |
Content (Testimonial) | |||
10 | Image | Image | Configure the image for the testimonial. |
11 | Show Rattings | True / False | Check if you want to show rattings. |
12 | Select Rattings | Select | Select rattings. The Design of the section will change based on the choosen style. |
13 | Name | Text | Configure the name for testimonial. |
14 | Profession | Text | Configure the Profession for testominal. |
15 | Description | Text | Enter the description for the testimonial. |
To configure Ishi Manufacturer Block, navigate to Customizer > Ishi Manufacturer Block and configure required fields.
# | Parameter | Value | Description |
1 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on desktop version. |
2 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on Mobile version. |
Content (Manufacturer Logo) | |||
3 | Brand Logo Image | Image | Configure the image of the Manufacturerr Logo. |
4 | Link | URL | Configure the URL to which customer should be redirected on clicking the Manufacturerr Logo. |
It helps you to show a featured product on the home page of your stores. It shows all the details of products like description, reviews, custom tabs etc.
To configure Ishi Product Block, navigate to Customizer > Ishi Product Block and configure required fields.
# | Parameter | Value | Description |
1 | Image | Image | Configure the Image for the section. |
2 | Sub Title | Text | Configure sub title of the section. |
3 | Main Title | Text | Configure main title of the section. |
4 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on Desktop version. |
5 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on Mobile version. |
Content (Product) | |||
6 | Horizontal position | position | Configure the Horizontal position for the section. |
7 | vertical position | position | Configure vertical position of the section. |
8 | Product | Select | Configure the Product to be shown. |
Displays a few blogs on the home page of your store.
To configure Blog Post, navigate to Customizer > Blog Post and configure required fields.
# | Parameter | Value | Description |
1 | Sub Title | Text | Configure the Sub title of the BLOG section. |
2 | Main Title | Text | Configure the main title of the BLOG section. |
3 | Blog | blogs | Select the blogs that you would like to display on the homepage. |
4 | Post | Number | Configure the number of posts that you would like to show. |
5 | Show Author | True / False | Check if you want to show up the author name on the blog. |
6 | Show Date | True / False | Check if you want to show crated date of the blog. |
7 | Show Comment | True / False | Check if you want to show number of conmments on the blog. |
8 | Show View All Button | True / False | Check if you want to show view all button on the blog. |
9 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on Desktop version. |
10 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on Mobile version. |
To configure Ishi Newsletter Block, navigate to Customizer > Ishi Newsletter Block and configure required fields.
# | Parameter | Value | Description |
1 | Video Link | Text | Configure background video link title of the section.Supports YouTube and .MP4. Learn more |
2 | Text protection | Number | Configure the Darkens your image to ensure your text is readable for the section. |
3 | Main Title | Text | Configure the Main Title of the block. |
4 | Description | Text | Configure the description of the block. |
5 | Show Social Icons | True/False | Check if you want show social icons in block. |
6 | Text Position | Select | Select Text position for the Newsletter Popup. Available options are Center or Left or Right. |
7 | Desktop Bottom Margin | Number | Configure the space between the current section and the following section on desktop version. |
8 | Mobile Bottom Margin | Number | Configure the space between the current section and the following section on Mobile version. |
It helps you to show payment icons and copyright on the home page of your stores.
To configure Copyright and Payment Block, navigate to Customizer > Copyright and Payment Block and configure required fields.
# | Parameter | Value | Description |
1 | Copyright Text | Text | Configure the copyright text. |
2 | Show Payment Icons | True/False | Check if you want to show payment icons. |
3 | Show Fake Payment Icon | True/False | Check if you want to show fake payment icons. |
Content (Payment Logo) | |||
4 | Payment Image | Image | Configure the image of the Payment Logo. |
Our themes provide a color swatch feature on product page. Color swatch replace the traditional dropdown for variant options of type color. However, if you are using some color names that are non standard (like "zebra black", or "denim blue" for instance), you will realize the color swatch appears white. This is because the theme can't guess which color to display. To make it work, you will need to create your small image and upload them. You will find below detailed instructions about how to do it.
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.
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.
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.
# | Name | Description |
1 | Namespace and key | Together, the namespace and key create a unique identifier for your metafield. You can use a namespace to group similar metafields together, but each namespace and key combination must be unique. |
2 | Value | The type and format of information that's contained in your metafield. |
3 | Description (optional) | An description of the metafield to help you input the correct values. The description is displayed on the Shopify admin page where you add values for your metafield. |
4 | Validation (optional) | A setting that you can configure to limit the values that your metafield can contain. You can set minimum and maximum values, or use regular expressions to control the range of accepted values for your metafield. |
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.
The following table contains basic instructions for adding values to common types of metafields, as well as example use cases for each type
# | Content type | Description |
1 | Color | Supports RGB values in #RRGGBB format. |
2 | Date | Supports date values in ISO 8601 format and time values in UTC time. |
3 | Dimension | Supports both whole number and decimal values. The units of measurement can be configured using either the metric or the imperial system. |
4 | Weight | Supports both whole number and decimal values. The units of measurement can be configured using either the metric or the imperial system. |
5 | Volume | Supports both whole number and decimal values. The units of measurement can be configured using either the metric or the imperial system. |
6 | Money | Supports decimal values for price in your store currency, for example, USD. |
7 | Number |
Supports either integer or decimal values, depending on how you configure your definition. Integer values can be in the range of -4,611,686,018,427,387,904 to 4,611,686,018,427,387,903. Decimal values can be in the range of +/-9999999999999.999999999, with up to 13 digits before the decimal and up to 9 digits after. |
8 | Rating | Provides a slider for selecting whole numbers within a given range, depending on how you configure your definition. |
9 | Product reference | Supports linking to one or more products, depending on how you configure your metafield definition. |
10 | Product variant reference | Supports linking to one or more product variants, depending on how you configure your metafield definition. |
11 | File reference |
Supports uploading a single file in one of the following file types:
images & all file types Images in JPEG, PNG, and GIF formats are displayed on your online store. All other file types are displayed as available for download. |
12 | Page reference | Provides a link to a page in your online store. |
13 | URL | Supports HTTP, HTTPS and mailto: URLs. You can limit URLs to specific domains when you create your metafield definition. |
14 | Text | Supports plain text in either single-line or multi-line fields. Multi-line fields can include line breaks |
15 | True or false | Creates a checkbox for selecting whether a condition is true or false. |
16 | JSON | Supports raw JSON data for advanced scenarios when you need a structured data source. |
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.
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.
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.
Social Media