Aveda Documentation

Thank you! We are glad that you have choosen us.

For Queries / Customisation requests, feel free to contact us here.

Aveda is our enhanced and beautifully designed responsive Shopify theme for your online Store. Aveda is rich with 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.

Theme Installation

If you have not purchased the theme yet, you can purchase it from here.

  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.
    • Theme_imports : Contains import files which help us to import blogs, pages and theme demo.
    • upload_me_Aveda.zip : This is the main zip file to be uploaded to shopify.
  2. Open your Shopify back office, then Online Store -> Themes on the left side bar.
  3. Press Upload theme and select the "upload_me_Aveda.zip" file.
  4. Navigate to the Theme Library section and click on Upload Theme

Updating Theme

To update the theme without loosing your data please follow these steps :

  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 "Aveda-Current"
  4. Download latest theme version from themeforest. Unzip latest theme. Name it "Aveda-Latest".
  5. Copy theme settings file "config/settings_data.json" from current theme to latest theme. Aveda-Current/config/settings_data.json -> Aveda-Latest/config/settings_data.json.
  6. Zip "Aveda-Latest".
  7. Upload "Aveda-Latest.zip" to your store at Online store -> Themes -> Upload theme.
  8. Reinstall apps.

Install Apps

The theme comes with free apps which can be installed as per your use.

Product Reviews app

  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.

ExIm - Export Import Pages

  1. To enable app, Install ExIm - Export Import Pages 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.

Basic Store Configuration

Currency Settings

  1. From your shop admin, go to the Settings / General
  2. Scroll down to "Currency" block. Find the "Currency" there
  3. Select your currency and change formatting acording to your requirment.
  4. Note :
    Click on "save" to update the changes.

Checkout Settings

  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"
  3. Note :
    Click on "save" to update the changes.

theme settings

It allows you to configure general theme settings like Header,Footer, Breadcrumb, Colors, Fonts and various other options

Store Layout

  1. Go to Customizer > Theme Settings > Theme Configuration & Images
  2. Scroll down to "Store Layout" and configure all the parameters as per your requirements.
# Parameter Value Description
1 Select Layout Select Select website layout. The available options are Box or Full.
2 Background Image image Sets a background image for the website. The background image will be visible only when box layout is enabled.
3 Background Color color Sets background color for website. Works only if background image is not configured.

Header Settings

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

Following are the designs of available headers in the theme :


Layout1

Menu, Social Icon, Header Block,Wishlist,Contact, Account, Search and Shopping Cart.

Layout2

Menu, Social Icon, Header Block,Wishlist,Contact,Email, Account, Search and Shopping Cart.

Layout3

Email, Menu, Account, Search and Shopping Cart.

Note :
You can configure the header content when you configure the sections of the theme.
  1. Go to Customizer > Theme Settings > Theme Configuration & Images
  2. Scroll down to "Footer Layout". Select a footer from the dropdown that shows available footers.

Following are the designs of available footers in the theme :

Layout1

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

Layout2

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

Layout3

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

Note :
You can configure the footer content when you configure the sections of the theme.

Size Chart

  1. Go to Customizer > Theme Settings > Theme Configuration & Images
  2. Configure the size chart page which will popup when user clicks on the size chart button.
  1. Go to Customizer > Theme Settings > Theme Configuration & Images
  2. Configure the parameters as per your requirements.

Button Configuration

  1. Go to Customizer > Theme Settings > Theme Configuration & Images
  2. Scroll down to "Button Configuration" and configure all the parameters as per your requirements.
# Parameter Value Description
1 Button Shape Select Select the Button Shape. The available options are Rounded or Square.

Product Block Configuration

  1. Go to Customizer > Theme Settings > Theme Configuration & Images
  2. Scroll down to "Product Block Configuration" and configure all the parameters as per your requirements.
# Parameter Value Description
1 Button Position Select Select the Button Position. The available options are Left , Right , Center or Bottom.
2 Display Add to cart as a Button True / False Check if you want to display Add to cart as a seperte Button.
  1. Go to Customizer > Theme Settings > Theme Configuration & Images
  2. Scroll down to "Breadcrumb Settings" and configure all the parameters as per your requirements.
# Parameter Value Description
1 Enable Breadcrumb? True / False Check if you want to show breadcrumb in your store.
2 Breadcrumb Image image Sets a background image for breadcrumb.
3 Background Color color Sets background color for breadcrumb. Works only if image is not configured or image is png.
4 Text Color color Choose a color for the text of the breadcrumb

Color Settings

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

Typography Settings

  1. Go to Customizer > Theme Settings > Typography
  2. Configure Fonts as per your requirements.
# Parameter Value Description
PRIMARY FONT
1 Font Font Configure the main font of the theme. This font is used in most of the parts of the theme.
2 Light True / False Choose if you want to load light version of the font.
3 Normal True / False Choose if you want to load Normal version of the font.
4 Medium True / False Choose if you want to load Medium version of the font.
5 Semi Bold True / False Choose if you want to load Semi Bold version of the font.
6 Bold True / False Choose if you want to load Bold version of the font.

Social Media

  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.

Custom Javascript

  1. Go to Customizer > Theme Settings > Custom Javascript
  2. Configure custom javascript code here.

Custom CSS

  1. Go to Customizer > Theme Settings > Custom CSS
  2. Configure custom CSS code here.

Setup Pages

Online Store > Pages click button "Add a page"

Wishlist Page

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

Contact Us Page

  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.

# Parameter Value Description
1 Banner With Address True / False Check if you want to show a section banner on the left and address on the right side on the contact page.
2 Contact Banner image Upload the contact page banner image here.
3 Heading Text Configure the title of the address area.
4 SubHeading Text Configure sub title of the address area.
5 Additional Info Text Write the additional information description to be displayed with the address of the store.
6 Google Map True / False Check if you want to show embedded google map on the contact page.
7 Google Map Code Iframe Put the iframe code that you can generate from google maps.
8 Contact Form True / False Check if you want to show up contact form on the contact us page.
9 Title Text Configure the title of the contact us form.
10 Sub Title Text Configure the subtitle of the contact us form.

FAQ Page

  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.

# Parameter Value Description
1 FAQ Title Text Enter the title of the FAQ Section.
2 FAQ Count True / False Check if you want to display serial number on each question.
Content (You can add as many FAQs you want.)
3 FAQ Question Text Configure the Question for the FAQ.
4 FAQ Answer Text Configure the Answer for the FAQ.

About Us Page

  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.

# Parameter Value Description
1 Main Title Text Configure the title of about us page.
2 About Banner Block True / False Check if you want to show banner with description block on the contact page
3 About Banner Image Image Configure the banner image for the section
4 Hover Select Select a hover for the banner image.
5 Link URL Configure the URL to which customer should be redirected on clicking the banner image.
6 Heading Text Configure the heading of the description.
7 Decripition Text Configure the description.
8 Button Text Text Configure button text.
9 Link URL Configure the URL to which customer should be redirected on clicking the Button.
11 Service Section Title Text Configure the title of the services section.
12 Service Section Sub Title Text Configure sub title of the services section.
Content (Services)
13 Service Image Image Configure the image of the service.
14 Service Heading Text Configure the heading of the service.
15 Service Description Text Configure the description of the service.
16 Service Link URL Configure the URL to which customer should be redirected on clicking the service.

Theme Sections

Go to Customizer > Sections > Add Section.

Header

To configure Header, navigate to Customizer > Header and configure required fields.

Header Layout 1

  1. Steps to choose a header layout is shown here
  2. Configure required parameters of header layout.
# Parameter Value Description
1 Announcement Bar Text Write your annoucements like sale, introductory offers etc.
2 Theme Logo Image Configure the logo of the store here.
3 Max Logo Width Number Configure the max size of the logo in pixels.
4 Show Social Icons True / False Check if you want to show Social Icons.
5 Show Checkout True / False Check if you want to show Checkout in the header.
6 Show Wishlist True / False Check if you want to show Wishlist in the header.
7 Show Contact True / False Check if you want to show contact number in the header.

Header Layout 2

  1. Steps to choose a header layout is shown here
  2. Configure required parameters of header layout
# Parameter Value Description
1 Announcement Bar Text Write your annoucements like sale, introductory offers etc.
2 Theme Logo Image Configure the logo of the store here.
3 Max Logo Width Number Configure the max size of the logo in pixels.
4 Show Social Icons True / False Check if you want to show Social Icons.
5 Show Checkout True / False Check if you want to show Checkout in the header.
6 Show Wishlist True / False Check if you want to show Wishlist in the header.
7 Show Contact True / False Check if you want to show contact number in the header.

Header Layout 3

  1. Steps to choose a header layout is shown here
  2. Configure required parameters of header layout
# Parameter Value Description
1 Theme Logo Image Configure the logo of the store here.
2 Max Logo Width Number Configure the max size of the logo in pixels.
3 Email Title Text Configure the Email ID.
4 Show Email ID True / False Check if you want to show Email ID of the Store.

Mega Menu

To configure Mega Menu, navigate to Customizer > Mega Menu and configure required fields.

Creating a Navigation

  1. Go to Online store -> Navigation.
  2. Click on "Add Menu" to create a new menu
  3. Enter menu title and add menu items.

Creating a menu without a dropdown.

  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.

Creating a menu with a dropdown links and images.

  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.

Ishi Slideshow

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.

  1. Configure required parameters of Simple Slider.
# Parameter Value Description
1 Image Image Configure the image for the slider.
2 Link URL Configure the URL to which customer should be redirected on clicking the slider.
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.

Ishi Banner Block

Shows banners on the store. You can add banners with text, without text etc. The banners usually shows deals, new launches and other attractive offers of the store. Each available option are explained below.

Banner With Text Block

This section allows you to add text on the banners using options provided in the section.

To configure Banner With Text Block, navigate to Customizer > Banner With Text Block and configure required fields.

  1. Configure required parameters of Banner With Text Block.
# Parameter Value Description
1 Layout Select Select layout. The available options are Box or Full.
2 Banner Left & Right Internal Spacing/Padding Number Configure internal spacing between each banner in pixels.
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 (Banner With Text)
5 Image Image Configure the image of the banner.
6 Scale Banner True / False Check if you want the banner to zoom on hover.
7 Hover Select Select a hover for the banner image.
8 Offer Title Text Configure offer title of the banner.
9 Banner Title Text Configure banner title of the banner.
10 Button Label Text Configure the label of the button
11 Button Link URL Configure the URL to which customer should be redirected on clicking the button.
12 Text Color1 Color Configure the primary text color of the banner section.
13 Text Color2 Color Configure the secondary text color of the banner section.
14 Text Color3 Color Configure the third text color of the banner section.

Banner Without Text Block

This section allows you to add simple images as banners on the store.

To configure Banner Without Text Block, navigate to Customizer > Banner Without Text Block and configure required fields.

  1. Configure required parameters of Banner Without Text Block.
# Parameter Value Description
1 Layout Select Select layout. The available options are Box or Full.
2 Number Of Columns Select Select number of columns for the banners.
3 Banner Left & Right Internal Spacing/Padding Number Configure internal spacing between each banner in pixels.
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 (Banner Without Text)
6 Banner Image Image Configure the image of the banner.
7 Scale Banner True / False Check if you want the banner to zoom on hover.
8 Banner Hover Select Select the hover that should be applied when customer hovers on the banner.
9 Banner Link URL Configure the URL to which customer should be redirected on clicking the banner.

Masonry Banner

This section allows you to add banners using options provided in the section. The banners are aligned and set in a masonary position which makes them look good.

To configure Masonry Banner, navigate to Customizer > Masonry Banner and configure required fields.

  1. Configure required parameters of Masonry Banner.
# Parameter Value Description
1 Layout Select Select layout. The available options are Box or Full.
2 Banner Left & Right Internal Spacing/Padding Number Configure internal spacing between each banner in pixels.
3 Banner Image Image Configure the image of the banner.
4 Scale Banner True / False Check if you want the banner to zoom on hover.
5 Banner Hover Select Select the hover that should be applied when customer hovers on the banner.
6 Button Lable URL Configure the button lable.
7 Button Link URL Configure the URL to which customer should be redirected on clicking the banner.
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.

Ishi Product Block

Shows Products on the store. Each section offers different layouts and designs.

Product Block Style 1

Displays the product collections in the form of tabs. You can add products into a collection and configure the collection in this section to show up products.

To configure Product Block Style 1, navigate to Customizer > Product Block Style 1 and configure required fields.

  1. Configure required parameters of Product Block Style 1.
# Parameter Value Description
1 Main Title Text Configure main title of the section.
2 Total Product From Collection Number Configure total number of products that should be fetched from the collection.
3 Max Products Columns For Mobile View Number Configure maximum number of columns for mobile view.
4 Max Products Columns For Small Tablet View Number Configure number of columns for tablet view.
5 Max Products Columns For Tablet View Number Configure number of columns for tablet view.
6 Max Products Columns For Laptop View Number Configure number of columns for laptop view.
7 Max Products Columns For Desktop View Number Configure number of columns for Desktop view.
8 Max Products Rows Select Configure number of rows to be shown.
9 Product Block Bottom Internal Padding Number Configure top and bottom internal padding of the section.
10 Desktop Bottom Margin Number Configure the space between the current section and the following section on desktop version.
11 Mobile Bottom Margin Number Configure the space between the current section and the following section on mobile version.
Content (Product Block)
12 Product Tab Title Text Configure the tab title of the block
13 Collection Select Configure the collection to be shown.
14 Show View All Button True / False Check if you want to show view all button which redirects user to collection page on click.

Product Block Style 2

Shows up products from a collection that is configured in the section settings. In this section product images are on the left and product information is on the rightside.

To configure Product Block Style 2, navigate to Customizer > Product Block Style 2 and configure required fields.

  1. Configure required parameters of Product Block Style 2.
# Parameter Value Description
1 Main Title Text Configure main title of the section.
2 Total Product From Collection Number Configure total number of products that should be fetched from the collection.
3 Length of Characters for Short Product Description. number Configure the length of characters for product description.
4 Max Products Rows Select Configure number of rows to be shown.
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.

Product Block Style 3

Displays the product collections in the form of tables. You can add products into a collection and configure the collection in this section to show up products. The collections are divided in the column of 3. You can add as many collections you want in the section.

To configure Product Block Style 3, navigate to Customizer > Product Block Style 3 and configure required fields.

  1. Configure required parameters of Product Block Style 3.
# Parameter Value Description
1 Total Product From Collection Number Configure total number of products that should be fetched from the collection.
2 Max Products Rows Select Configure number of rows to be shown.
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 (Product Block)
5 Heading Text Configure the heading of the block
6 Collection Select Configure the collection of products to be shown.

Ishi Story Block

Allows you to configure description of the store or story behind the store. You can also use it for any other purpose.

Story Block Style 1

To configure Story Block Style 1, navigate to Customizer > Story Block Style 1 and configure required fields.

  1. Configure required parameters of Story Block Style 1.
# Parameter Value Description
1 Background Image Image Configure the background image for the section.
2 Background Color Color Configure the background color for the section.
3 Text Color1 Color Configure the primary text color for the section.
4 Text Color2 Color Configure the secondary text color for the section.
5 Text Color3 Color Configure the third text color for the section.
6 Section Top & Bottom Internal Padding Number Configure internal padding of the section.
7 Story Image Image Configure the image for the store block.
8 Story Image Position Select Select image position for the story block. Available options are Left or Right.
9 Sub Title Text Configure the subtitle of the story block.
10 Title Text Configure the title of the story block.
11 Text Text Configure the texts for the story block.
12 Button Label URL Configure the label of the button.
13 Button Link URL Configure the URL to which customer should be redirected on clicking the button.
14 Desktop Bottom Margin Number Configure the space between the current section and the following section on Desktop version.
15 Mobile Bottom Margin Number Configure the space between the current section and the following section on Mobile version.

Story Block Style 2

To configure Story Block Style 2, navigate to Customizer > Story Block Style 2 and configure required fields.

  1. Configure required parameters of Story Block Style 2.
# Parameter Value Description
1 Background Color Color Configure the background color for the section.
2 Text Color1 Color Configure the primary text color for the section.
3 Text Color2 Color Configure the secondary text color for the section.
4 Text Color3 Color Configure the third text color for the section.
5 Section Top & Bottom Internal Padding Number Configure internal padding of the section.
6 Story Image 1 Image Configure image 1 for the store block.
7 Story Image 2 Image Configure image 2 for the store block.
8 Story Image Position Select Select image position for the story block. Available options are Left or Right.
9 Sub Title Text Configure the subtitle of the story block.
10 Title Text Configure the title of the story block.
11 Text Text Configure the texts for the story block.
12 Button Label URL Configure the label of the button.
13 Button Link URL Configure the URL to which customer should be redirected on clicking the button.
14 Desktop Bottom Margin Number Configure the space between the current section and the following section on Desktop version.
15 Mobile Bottom Margin Number Configure the space between the current section and the following section on Mobile version.

Story Block Style 3

To configure Story Block Style 3, navigate to Customizer > Story Block Style 3 and configure required fields.

  1. Configure required parameters of Story Block Style 3.
# Parameter Value Description
1 Background Image Image Configure the background image of the section.
2 Background Color Color Configure the background color of the section. It is visible only if background image is not configured.
3 Background Attchment Fixed? True /False Check if you want the background image to remain sticky on scroll.
4 Section Top & Bottom Internal Padding Number Configure internal padding of the section.
5 Story Text Position Select Select text position for the story block. Available options are Left, Center or Right.
6 Story Text Alignment Select Select text alignment for the story block. Available options are Left, Center or Right.
7 Background Color Color Configure the background color for the text.
8 Background Opacity Number Configure the opacity color for the Background.
9 Text Color1 Color Configure the primary text color for the section.
10 Text Color2 Color Configure the secondary text color for the section.
11 Text Color3 Color Configure the third text color for the section.
12 Sub Title Text Configure the subtitle of the story block.
13 Title Text Configure the title of the story block.
14 Text Text Configure the texts for the story block.
15 Button Label URL Configure the label of the button.
16 Button Link URL Configure the URL to which customer should be redirected on clicking the button.
17 Desktop Bottom Margin Number Configure the space between the current section and the following section on Desktop version.
18 Mobile Bottom Margin Number Configure the space between the current section and the following section on Mobile version.

Ishi Parallax Block

Shows up a fixed image in the background with a parallax effect. You can add custom texts using the section settings. You can also add a countdown timer to showup upcomming products, deals and events on the store.

Parallax Block With Timer

Displays an image in background with a parallax effect and a countdown timer with informatory text above the image.

To configure Parallax Block With Timer, navigate to Customizer > Parallax Block With Timer and configure required fields.

  1. Configure required parameters of Parallax Block With Timer.
# Parameter Value Description
1 background Image Image Configure the background image of the section.
2 Background color Color Configure the background color of the section. It is visible only if background image is not configured.
3 Background Attachment Fixed ? True/false Check if you want to keep the background sticky on scroll.
4 Parallax Top & Bottom Internal Padding Number Configure top and bottom internal padding of the section.
5 Text Position Select Configure the text position. Available options aer Left, Right and Center.
6 Text Alignment Select Configure the text alignment. Available options aer Left, Right and Center.
7 Background Color Color Configure the background color of the text.
8 Background Opacity Opacity Configure the opacity color of the background.
9 Text Color1 Color Configure the primart text color of the parallax section.
10 Text Color2 Color Configure the secondary text color of the parallax section.
11 Countdown Background Color Color Configure the background color of the countdown.
12 Countdown Text Color Color Configure the text color of the countdown.
13 Countdown Background Hover Color Color Configure the background hover color of the countdown.
14 Countdown Text Hover Color Color Configure the text hover color of the countdown.
15 Parallax Offer Title Text Configure offer title of parallax block.
16 Parallax Title Text Configure main title of parallax block.
17 Parallax Sub Title Text Configure the sub title of the parallax block.
18 Start Date Text Configure the starting date of the parallax timer in the YYY-MM-DD format.
19 End Date Text Configure the ending date of the parallax timer in the YYY-MM-DD format.
20 Button Label Text Configure the label of the button
21 Button Link URL Configure the URL to which customer should be redirected on clicking the button.
22 Desktop Bottom Margin Number Configure the space between the current section and the following section on desktop version.
23 Mobile Bottom Margin Number Configure the space between the current section and the following section on mobile version.

Parallax Block Without Timer

Displays an image in background with a parallax effect and informatory texts above the image.

To configure Parallax Block Without Timer, navigate to Customizer > Parallax Block Without Timer and configure required fields.

  1. Configure required parameters of Parallax Block Without Timer.
# Parameter Value Description
1 Background Image Image Configure the background image of the section.
2 Background Color Color Configure the background color of the section. It is visible only if background image is not configured.
3 Text Color1 Color Configure the primary text color of the section.
4 Text Color2 Color Configure the secondary text color of the section.
5 Text Color3 Color Configure the third text color of the section.
6 Internal Box Space/Padding Number Configure internal box space/padding of the section.
7 Background Attachment Fixed ? True/false Check if you want to keep the background sticky on scroll.
8 Text Position Select Configure the text position. Available options aer Left, Right and Center.
9 Text Alignment Select Configure the text alignment. Available options aer Left, Right and Center.
10 Parallax Title 1 Text Configure the parallax title 1 of the parallax block.
11 Parallax Title 2 Text Configure the parallax title 2 of the parallax block.
12 Parallax Subtitle Text Configure the subtitle of the parallax block.
13 Button Label Text Configure the label of the button
14 Button Link URL Configure the URL to which customer should be redirected on clicking the button.
15 Desktop Bottom Margin Number Configure the space between the current section and the following section on desktop version.
16 Mobile Bottom Margin Number Configure the space between the current section and the following section on mobile version.

Ishi Service Block

It displays basic services offerd by the store like free deliver, easy returns, cashbacks and other services that could benefit the customers.

Service Block Style 1

To configure Service Block Style 1, navigate to Customizer > Service Block Style 1 and configure required fields.

  1. Configure required parameters of Service Block Style 1.
# Parameter Value Description
1 Section Top Spacing Number Configure Section Top Spacing of Desktop version.
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.
Content (Service)
4 Service Image Image Configure the icon for the service.
5 Heading Text Configure the heading of the service.
6 Sub Title Text Configure the sub title of the service.
7 Link URL Configure the URL to which customer should be redirected on clicking the service.

Service Block Style 2

To configure Service Block Style 2, navigate to Customizer > Service Block Style 2 and configure required fields.

  1. Configure required parameters of Service Block Style 2.
# Parameter Value Description
1 Section Top Spacing Number Configure Section Top Spacing of Desktop version.
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.
Content (Service)
4 Service Image Image Configure the icon for the service.
5 Heading Text Configure the heading of the service.
6 Sub Title Text Configure the sub title of the service.
7 Link URL Configure the URL to which customer should be redirected on clicking the service.

Ishi Blog Post

Displays a few blogs on the home page of your store.

Blog Style 1

To configure Blog Style 1, navigate to Customizer > Blog Style 1 and configure required fields.

  1. Configure required parameters of Blog Style 1.
# Parameter Value Description
1 Main Title Position Select Configure the main position of the BLOG section. Available options are Center and Left
2 Main Title Text Configure the main title of the BLOG section.
3 Sub Title Text Configure the sub title of the BLOG section.
4 Blog blogs Select the blogs that you would like to display on the homepage.
5 Post Number Configure the number of posts that you would like to show.
6 Show Author True / False Check if you want to show up the author name on the blog.
7 Show Date True / False Check if you want to show crated date of the blog.
8 Show Comment True / False Check if you want to show number of conmments on the blog.
9 Show View All Button True / False Check if you want to show view all button on the blog.
10 Desktop Bottom Margin Number Configure the space between the current section and the following section on Desktop version.
11 Mobile Bottom Margin Number Configure the space between the current section and the following section on Mobile version.

Blog Style 2

To configure Blog Style 2, navigate to Customizer > Blog Style 2 and configure required fields.

  1. Configure required parameters of Blog Style 2.
# Parameter Value Description
1 Main Title Text Configure the main title of the BLOG section.
2 Blog blogs Select the blogs that you would like to display on the homepage.
3 Post Number Configure the number of posts that you would like to show.
4 Show Author True / False Check if you want to show up the author name on the blog.
5 Show Date True / False Check if you want to show crated date of the blog.
6 Show Comment True / False Check if you want to show number of conmments on the blog.
7 Show View All Button True / False Check if you want to show view all button on the blog.
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.

Blog Style 3

To configure Blog Style 3, navigate to Customizer > Blog Style 3 and configure required fields.

  1. Configure required parameters of Blog Style 3.
# Parameter Value Description
1 Main Title Text Configure the main title of the BLOG section.
2 Blog blogs Select the blogs that you would like to display on the homepage.
3 Post Number Configure the number of posts that you would like to show.
4 Show Author True / False Check if you want to show up the author name on the blog.
5 Show Date True / False Check if you want to show crated date of the blog.
6 Show Comment True / False Check if you want to show number of conmments on the blog.
7 Show View All Button True / False Check if you want to show view all button on the blog.
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.

Ishi Banner + Deal Block

Shows banners and product deals on the store. You can add banners and deals on products with the configuration of start and end date for each of products and showup timer on each product. Each available options are explained below.

To configure > Ishi Banner + Deal Block, navigate to Customizer > Ishi Banner + Deal Block and configure required fields.

  1. Configure required parameters of Ishi Banner + Deal Block.
# Parameter Value Description
1 Main Title text Configure the main title of the section.
2 Banner Image Configure the image of the banner.
3 Scale Banner True / False Check if you want the banner to zoom on hover.
4 Banner Hover Select Select the hover that should be applied when customer hovers on the banner.
5 Banner Link URL Configure the URL to which customer should be redirected on clicking the banner.
6 Desktop Bottom Margin Number Configure the space between the current section and the following section on Desktop version.
7 Mobile Bottom Margin Number Configure the space between the current section and the following section on Mobile version.
Content (Deal Product)
8 Select Your Product Select Select the product that you want to show up in the deals
9 Start Date Text Configure the starting date of the deal in the YYYY-MM-DD format.
10 End Date Text Configure the ending date of the deal in the YYYY-MM-DD format.

Ishi Collection Block

To configure Ishi Collection Block, navigate to Customizer > Ishi Collection Block and configure required fields.

  1. Configure required parameters of Ishi Collection Block.
# Parameter Value Description
1 Select Layout Select Select layout. The available options are Box or Full.
2 Select Number Of Columns Select Configure if you select number of columns.
3 Main Title Text Configure the 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 (Collection Item)
6 Image Image Configure the image of the Collection.
7 Collection Select Configure the collection of products to be shown.

Ishi Deal Block

Shows deals on the store. You can add deals on productsand configure start and end date for each of products and showup timer on each product. Each available options are explained below.

To configure Ishi Deal Block, navigate to Customizer > Ishi Deal Block and configure required fields.

  1. Configure required parameters of Ishi Deal Block.
# Parameter Value Description
1 Main Title text Configure the main title of the section.
2 Length of Characters for Short Product Description. number Configure the length of characters for product description.
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 (Product)
5 Select Your Product Select Select the product that you want to show up in the deals
6 Start Date Text Configure the starting date of the deal in the YYYY-MM-DD format.
7 End Date Text Configure the ending date of the deal in the YYYY-MM-DD format.

Ishi Instagram Block

Displays instagram posts from your account on the homepage of your store.

To configure Ishi Instagram Block, navigate to Customizer > Ishi Instagram Block and configure required fields.

  1. Configure required parameters of Ishi Instagram Block.
# Parameter Value Description
1 Main Title Text Configure the main title of the Instagram section.
2 Instagram Layout Select Select layout. The available options are Box or Full.
3 Accestoken Text Configure the Access Token. You can generate it using your instagram account.
4 Username Text Enter username of your instagram account.
5 Show Black & White Images? True / False Check if you want to show black & white images in the instagram.
6 Internal Box Space/Margin Number Configure internal margin of the box.
7 Max Image For Mobile View Number Configure maximum number of image for mobile view.
8 Max Image For Small Tablet View Number Configure maximum number of image for Small Tablet view.
9 Max Image For Tablet View Number Configure maximum number of image for Tablet view.
10 Max Image For Laptop View Number Configure maximum number of image for Laptop view.
11 Max Image For Desktop View Number Configure maximum number of image for Desktop view.
12 Desktop Bottom Margin Number Configure the space between the current section and the following section on Desktop version.
13 Mobile Bottom Margin Number Configure the space between the current section and the following section on Mobile version.

Ishi Offer Block

Shows offers on the store. You can add offers with text The offers usually shows deals, new launches and other attractive offers of the store. Each available options are explained below.

To configure Offers Block, navigate to Customizer > Ishi Offer Block and configure required fields.

  1. Configure required parameters of Ishi Offer Block.
# Parameter Value Description
1 Background Color Color Configure the background color of the section.
2 Text Color Color Configure the text color of the section.
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 (Offer Text)
5 Offer Text Text Configure the title of the Offer.
6 Link URL Configure the URL to which customer should be redirected on clicking the offer.

Ishi Newsletter Block

To configure Ishi Newsletter Block, navigate to Customizer > Ishi Newsletter Block and configure required fields.

  1. Configure required parameters of Ishi Newsletter Block.
# Parameter Value Description
1 background Image Image Configure the background image of the section.
2 Background color Color Configure the background color of the section. It is visible only if background image is not configured.
3 Text Color1 Color Configure the primary text color of the section.
4 Text Color2 Color Configure the secondary text color of the section.
5 Internal Box Space/Padding Number Configure internal box space/padding of the section.
6 Background Attachment Fixed ? True/false Check if you want to keep the background sticky on scroll.
7 Sub Title Text Configure sub title of section
8 Title Text Configure title of section
9 Description Text Configure the description of the section
10 Show Social Icon True / False Check if you want to show social icon of Newsletter Popup.
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.

Ishi Manufacturer Block

To configure Ishi Manufacturer Block, navigate to Customizer > Ishi Manufacturer Block and configure required fields.

  1. Configure required parameters of Ishi Manufacturer Block.
# 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.

Ishi Featured Product Block

It helps you to show a sticky product on the home page of your stores.

To configure Ishi Featured Product Block, navigate to Customizer > Ishi Featured Product Block and configure required fields.

  1. Configure required parameters of Ishi Featured Product Block.
# Parameter Value Description
1 Enabled? True / False Check if you want to show this section.
2 Seledt Your Product Select Configure the Product to be shown.
3 Show Quantity Selector True / False Check if you want to show quantity selector in this product.
4 Show Variant Labels True / False Check if you want to show variant labels in this product.

Custom HTML Block

To configure Custom HTML Block, navigate to Customizer > Custom HTML Block and configure required fields.

  1. Configure required parameters of Custom HTML Block.
# Parameter Value Description
1 HTML Layout Select Select layout. The available options are Box or Full.
2 Custom HTML HTML Configure the Required HTML Code.
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.

Newsletter Popup

To configure Newsletter Popup, navigate to Customizer > Newsletter Popup and configure required fields.

  1. Configure required parameters of Newsletter Popup.
# Parameter Value Description
1 Enabled True / False Check if you want to enabled Newsletter Popup of the Store.
2 Show All Pages True / False Check if you want to show Newsletter Popup of all pages on a store.
3 Background Image Image Configure the background image for Newsletter Popup.
4 Background Color Color Configure the background color for Newsletter Popup. It appears only when background image is not selected.
5 Text Color Color Configure the text color for Newsletter Popup.
6 Image Position Select Select Image position for the Newsletter Popup. Available options are Cover or Left or Right.
7 Text Position Select Select Text position for the Newsletter Popup. Available options are Center or Left or Right.
8 Main Title Text Configure the Main Title of Newsletter Popup.
9 Sub Title Text Configure the sub title of the Newsletter Popup.
10 Show Social Icon True / False Check if you want to show social icon of Newsletter Popup.

Cookie Consent

To configure Cookie Consent, navigate to Customizer > Cookie Consent and configure required fields.

  1. Configure required parameters of Cookie Consent.
# Parameter Value Description
1 Enabled True / False Check if you want to enabled cookie consent of the Store.
2 Position Select Select position for the cookie consent. Available options are Bottom or Left or Right.
3 Description Text Configure the description of cookie consent.
4 Button Text Text Configure the text of the button.
5 Background Color Color Configure the background color for the cookie consent.
6 Background Opacity Number Configure the background opacity for the cookie consent.
7 Button Background Color Color Configure the button background color for the cookie consent.
8 Button Text Color Color Configure the button text color for the cookie consent.

Filters

  1. Shopify Admin > Go to Products > All product > Select a Product.
  2. After opening a Product go to Tags section.
  3. You can add filter tags that allows your customer to filter product according to price, size, color, brand etc.
    • For example if you want to show following filters like :
      Color
      Red
      Blue
      Green

      Size
      XS
      X
      XL
      XXL

    • The tags that a product must be added to the products must be :
      color_red
      color_blue
      color_green
      size_xs
      size_x
      size_xl
      size_xxl
  4. To remove any of tags just click on cancel button. Also you can sort tags by Popularity or Alphabetically.

Custom Product Tab

  1. Shopify Admin > Go to Products > All product. From the Products page, click the product for which you want to create custom tab.
  2. In the description section, click on the "<>" icon. which will open the HTML editor as shown in the screenshot.
  3. To add a new Tab, Copy the following HTML code and paste it in the botton of the description. As shown in the screenshot.
    <div class="tab">
    <div class="title">Title goes here.</div>
    <div class="description">Description goes here.</div>
    </div>

    Replace the text "Title goes here" and "description goes here" to your desired content before pasting it to the product description section.
Note :
If you want to create multiple tabs, place the HTML code multiple times at the end description. For example if you want to create 3 different tabs in the current product, you need to place the HTML code 3 times.

Credits

Font used :

Icon used :

Image used :

Note :
The images you see in the screenshots are used for demo purposes only, they are not incuded in the download package