Amaz Store

Installing Theme

Step 1: Go to your Wp Dashboard > Appearance > Themes > Add New. Add Amaz Store Theme zip file and Then click on the ‘Install Now’ button.
Step 2: After the installation is completed, click on the ‘Activate’ button and “Amaz Store” will be activated.
Step 3: After activating “Amaz Store” in your dashboard, Go to Amaz Store Options under Appearance and click on it. You’ll see Recommended options panel, install & activate all the plugins.
Step 4 : Now you can start customizing Amaz Store theme.

installing amaz theme 1

Installing Amaz Store Pro Plugin

Amaz Store Pro Plugin will add Advanced premium features and functionality to Amaz Store free theme.

Step 1 : Navigate to ThemeHunk homepage, You will see “Themes” menus on the top, when you hover over it you’ll see Pro Themes, click on it. In the Pro Themes page you’ll see Amaz Store Pro, click on View More button.

Step 2 : Amaz Store sales-page will open, Afterward, just simply hit the ‘Buy Now’ button and it will directly take you to the ‘Pricing‘ section of Amaz Store Pro Plugin.

Step 3: Now choose your desired plan from here and hit the button Buy Now from desired table.

Step 4 : Purchase your plugin from here, fill all the required details. Login to your member’s area. Your pro plugin has been added in your member’s area dashboard.

Step 5 : You’ll see a Amaz Store Pro plugin zip file in your Member’s area. Download the zip file of plugin.

Step 6 : Now, Open your WP Dashboard > Plugins > Add New > Upload the Plugin Zip file and Activate it.

Now you can customize your website using Pro features.

How to Add Search Bar in Theme.

After installing and Activating theme in your dashboard. Go to your Appearance > Amaz Store options > In recommended plugin you’ll see TH Advance Product Search.
Install and Activate TH Advance Product Search plugin in your dashboard. This will display Search bar in your website.

Or You can Navigate to your website, On the Header you’ll see a Notice Please Install “th advance product search” Plugin. Click on it and Install & Activate Th Advanced Search plugin in your dashboard.
To know how this plugin works, Go with this Doc.
For more advance Premium features, you can go with TH Advance Product Search Pro plugin .

How to Add Cart & Swatches

Go to your Appearance > Amaz Store options > In recommended plugin you’ll see TH Variation Swatches and TH All in One Woo Cart .
Install and Activate plugins in your dashboard. This will display Cart and Swatches in your website.
To learn more about Plugins, Navigate to TH Variation Swatches Plugin and Th All in One Woo Cart

How to Setup Menus

To set Menus in your site. First go to your Dashboard > Appearance > Menus.
Click the “Create a New Menu” button & Write a menu name on the field. Now Click the “Create Menu” button.
From the “Add menus items” you can add menu items to your menus. You can add pages, Create Custom links, categories, posts etc. Select your menu item by checking the box and Add Menu items in your Menu by Clicking on the “Add to Menu” Button.
Now you have created your Menu, you need to set it to a Menu location.
From the Menu Settings, you can display your Menu items in Header, Footer area.
You can Select Location by checking the Box of Header Above Menu, Main ( Frontpage Menu ), Sticky Header and Footer Menu ( Above Footer, Widget footer and Below footer ). Check them according to your requirement.
Click “Save Menu“ button to save the changes.

Menus--big-store

Site Identity

Using this Option panel you can display Site logo or site title tagline and site icon in your website.

Dashboard > Appearance > Customize > WordPress Default > Site identity.
Logo– Upload a logo image with specific width and height.
Logo width – Set the desired logo image width.
Site Title & Tagline – Display site title & tagline in-place of Logo.
Site Title & Tagline Show/Hide – Check on the radio button display site title and tagline.
Site Icon – You can upload a site icon for your browser.

site identity amaz store

Homepage Setting

To create Homepage on your site follow the below instructions –
Go to Wp Dashboard > Page > Add New > Create a Page.
In the right sidebar of your editor you will see Page attributes > Template. Click on the template and select the option Homepage template. Publish it.
Navigate to Customize panel > WordPress Default > Homepage Settings. In homepage settings. Select the radio button of “A static page” and choose your homepage which you have created as front page.

homepage amaz store

Above Header

For Above header setting, Go to Appearance > Customizer > Layout > Header > Above Header.. You can display text and menu items in your above header.
With pro Version you’ll get display Widget, Social Media, Call to and button option in your above header.

above header amaz store

Frontpage Header Slider

Go to Appearance > Customizer > Layout > Header > Frontpage Header slider.

Using this section you can display slider images in your site. You can display slide content like Image, Title, Subtitle, Text and Link.
With Pro version you can add Unlimited Frontpage header slider images.
If you want to Autoplay your sites, just enable the Slide autoplay option.
You can increase or decrease the visible area of your slide.

frontpage header slider amaz store

Innerpage Header Slider

Go to Appearance > Customizer > Layout > Header > Innerpage Header slider.

Using this section you can display Homepage slider images in Innerpages of your site.
With Pro version you can add Unlimited Innerpage header slider images. You can display slide content like Image, Title, Subtitle, Text and Link.
You can increase or decrease the visible area of your slide.

innerpage slider amaz store

Main Header

Using Header Setting you can display and customize your Website Header. For Main header setting, Go to Appearance > Customizer > Layout > Header > Main Header..

In main header your logo and main navigation will be displayed along with Menu.
To show navigation menu in your “header” first set the menus from the dashboard. Navigate to Dashboard > Appearance > Menus > Add your Menus Items.
With Main header setting, You’ll get One Layout. You can modify your overall header by adding layout with other content.
Check to disable Category in Search Box – You can enable or disable the category from the search box.
Menu Alignment – You can choose the menu alignment. You can align the menu left, right and center.
Right Column – Here you can add call to action Button text, number and Email details.
Mobile Menu Open – Choose the Mobile menu alignment left. right or center.
Enable or Disable Wishlist, Account and Cart – This will show Wishlist, My Account icon and Cart icon on your Header
Sticky Header – (Pro) Make your header stick to your site by enabling sticky header. Two different effects are given for header.
Off Canvas Sidebar – (Pro) You can Add Off canvas sidebar in your Header Before logo or After logo. Whenever you click on the Off canvas Sidebar icon button, it will open a side panel in your website. To setup widgets in Off canvas sidebar, just go to Widgets > Off Canvas Sidebar > add widget from the Widget panel and Publish it.

main header amaz store

All Department

For All Department settings, Go to Appearance > Customizer > Layout > Exclude Category. Here you can add your All Department category text and choose the categories you don’t want to see.

exclude category amaz store

Create Dropdown Category in All Department

To create Category, Navigate to Dashboard > In the left side panel you’ll see Products > Categories. Click on Category, Add new Product category name and upload thumbnail image here. Click on “Add New Category” Button.
To edit a pre-existing category, select a category on the right side of the screen.
These categories will be shown in All Department box.

Product-categories-top-store

Exclude DropDown Category

To Exclude Category, Go to Appearance > Customizer > Layout > Exclude Category.
Using this Option you can disable the desired Dropdown category from the Dropdown box. Simply check the box of category and exclude it from your site.

exclude category amaz store

Blog Setting

For Blog setting, Go to Appearance > Customizer > Layout > Blog. In Blog page you can show collection of post grouped by category, author, date and tag etc.
Blog Post content – In blog post content you can show your full content, No content and Excerpt length. Excerpt length allows you to set content length you want to show in your blog page.
Read More Text – In read more text, put the text you want to display for your Read more button.
Post Pagination – It will provide you Numbered navigation for your blog page.
Force to disable sidebar in single page – Using this option you can disable the Sidebar from the blog single page.

blog amaz store

Footer Setting

Footer setting is specially used to display and customize your website footer. In footer area you can add important content and navigation option. For this setting, Go to Appearance > Customize > Layout > Footer.

Above Footer

It appears right above the Main Footer and allows you to show multiple elements like – social icons, menu, Text, Widgets. You’ll get three layouts. One Column layout, Two Columns layout and Three Columns layout.
Using None Layout, you can disable Above Footer from your site.
You can also style your above footer by using options like height, bottom border and border color.

above footer amaz store

Move to Top

For Move to Top, Go to Appearance > Customize > Layout > Move to Top.
You can add Move to Top button on your site. This button will easily scroll your site to the top of the page in just one click on the button.
You can also disable the Move to Top button by checking the box.

move to top amaz store

Typography

You can add typography on your site with multiple Google & standard fonts. Using different fonts on your site makes it a creative website.

Base Typography

For Typography, Go to Appearance > Customizer > Typography > Base Typography. Typography is the best way to show your content in a unique and attractive way. You can add multiple Google & standard fonts using typography in your site. Using different fonts on your site make it a creative website.

Choose Font family for body text. Adjust the font size, line height and letter spacing. This will be applicable for overall sites body.
You can also adjust “Text Transform” set your body text as Capitalize, Uppercase, Lowercase, default or none.
You can choose the “Font Weight” for your text.

Title

Choose font of your title. This will set typography for overall site titles.

You can also customize “Text Transform” set your title as Capitalize, Uppercase, Lowercase, default or none.
You can choose the “Font Weight” for your text.

Content

This will set the overall typography of single page from heading H1 to H6.

Heading (H1) – Applicable for for all h1 headings like page title, product title. Choose font family and adjust the font size, line height & letter spacing.
Heading (H2) – Applicable for h2 headings. Choose font family and adjust the font size, line height & letter spacing.
Heading (H3) – Applicable for h3 headings. Choose font family and adjust the font size, line height & letter spacing.
Heading 4 (H4) – Applicable for h4 headings. Choose font family and adjust the font size, line height & letter spacing.
Heading 5 (H5) – Applicable for h5 headings. Choose font family and adjust the font size, line height & letter spacing.
Heading 6 (H6) – Applicable for h6 headings. Choose font family and adjust the font size, line height & letter spacing.

Frontpage Sections

Tabbed Product Carousel

To add Tabbed Product Carousel, Go to Appearance > Customizer > Frontpage Sections > Tabbed Product Carousel.
First Create Categories and Assign Products to them to display Products in your site.
You can showcase your products category wise in tabbed format.
You can show recent, random & featured products in this section.
You can also enable Single Row Slide or show the default one. Enable the Slide auto play.
You can Disable or enable the section anytime you want.

tabbed product carousel amaz store

Product Carousel

To add Product Carousel, Go to Appearance > Customizer > Frontpage Sections > Product Carousel.
First Create Categories and Assign Products to them to display Products in your site.
With Product Carousel you can display any specific shop category product or All Category products using slider.
You can show Recent, Random and Featured products in this section.
You can also enable Single Row Slide or show the default one. Enable the Slide autoplay.
You can set the Autoplay slider speed. Default value is 3000 Milliseconds.
You can Disable or enable the section anytime you want.

product carousel amaz store

Woo Category

First Create Categories and Assign Products to them to display Products in your site.
To create Category, Navigate to Dashboard > In the left side panel you’ll see Products > Categories. Click on Category, Add new Product category name and upload thumbnail image here. Click on “Add New Category” Button. Now you can create products and assign categories to them.
To add Woo Category, Go to Appearance > Customizer > Frontpage Sections > Woo Category.
Add the Section title in text field.
There is one slider layout in Woo Category, you can show categories with their images. Check the desired categories and show them in your website.
You can Disable or enable the section anytime you want.

woo category amaz store

Product List Carousel

To add Product List Carousel, Go to Appearance > Customizer > Frontpage Sections > Product List Carousel.
First Create Categories and Assign Products to them to display Products in your site.
Your Products will be display in List Way by selecting the Category. You can show recent, featured or random product in this section.
Add the Section title in text field.
You can set the Autoplay slider speed. Default value is 3000 Milliseconds.
You can Disable or enable the section anytime you want.

product list carousel amaz store

Ribbon Section

To add Ribbon Section, Go to Appearance > Customizer > Frontpage Sections > Ribbon Section.
You can show ribbon background image or Video, text, button text and button link.
By default it will take theme color in the background.
You can Disable or enable the section anytime you want.

ribbon section amaz store

Highlight Section

To add Highlight, Go to Appearance > Customizer > Frontpage Sections > Highlight Section.
In this section you can display highlighted content like Icon, Title and Subtitle. You can pick Icon from the Icon Panel.
You can Disable or enable the section anytime you want.

highlight section amaz store

Brand Section

- To add Brands, Go to Appearance > Customizer > Frontpage Sections > Brand Section.
- Upload brand images, link and show them in your site.
- You can also Auto play your Brand slider.
- You can Disable or enable the section anytime you want.

Tabbed Product list Carousel Section

To add Tabbed Product list Carousel Section, Go to Appearance > Customizer > Frontpage Sections > Tabbed Product list Carousel Section..
First Create Categories and Assign Products to them to display Products in your site.
Your Products will be display in List Way and your Category will show in Tabbed format. You can show recent, featured or random product in this section.
You can Disable or enable the section anytime you want.

Big Featured Section

To add Big Featured Product, Go to Appearance > Customizer > Frontpage Sections > Big Featured Product.
In this section you can showcase your Featured product in the big Column. To set your Product as Featured Product, Go to Dashboard > Products > Select the Star in the featured column. Or you can select Quick Edit and then the Featured option.
In small columns your Recent, Featured and Random products will display which you have set in your particular category.
You can Disable or enable the section anytime you want.

Tabbed Image Product Carousel

- To add Product List Carousel, Go to Appearance > Customizer > Frontpage Sections > Tabbed Image Product Carousel.
- First Create Categories and Assign Products to them to display Products in your site.
- Your Products will be display in List Way by selecting the Category. You can show recent, featured or random product in this section. You can also upload a Banner image and choose its alignment Left or Right.
- Add the Section title in text area.
- You can set the Autoplay slider speed. Default value is 3000 Milliseconds.
- You can Disable or enable the section anytime you want.

Custom Section

To add Custom Section, Go to Appearance > Customizer > Frontpage Sections > Custom Section.
There are Four Custom section available. In Each Custom section you can add Widgets from the Widget panel.
You can Choose single column layout, two column layout or Three column layout to show your widgets in your site.
This will help you in showcasing more sections in your Site homepage.
You can Disable or enable the custom section anytime you want.

How To add Product Category and Create Products ?

To display Products on your website first you have to create Product Category. To create Category, Navigate to Dashboard > In the left side panel you’ll see Products > Categories.
Click on Category, Add new Product category name and upload thumbnail image here. Click on “Add New Category” Button.
To edit a pre-existing category, select a category on the right side of the screen.

Product-categories-top-store

Now Navigate to Products > Select the product to which you are assigning a category. Under Product Categories you can also check a pre-existing category.

add-product-top-store

Global color

For Color & Background, Go to Appearance > Customize > Color & Background. You can pick color for every element and upload background image.

For Global colors option, Go to Appearance > Customize > Global Colors.
You can change the default color all over the site using Theme Color.
You can pick color for link, link hover color, text color, title color, background color & Background image.

global color amaz store

Header Color

To show your header elements colorful, just Navigate to Appearance > Customize > Total Color & Bg options > Header. We have given color options for “Main Header”, “Above header”, “Sticky header” ” Main Menu” & “Shop Icon”.
A color picker that generates the hex value is available. You can pick desired colors for your header content & elements.

Above Header –

For Above Header color options, Go to Appearance > Customize > Total Color & Bg options > Above Header. You can pick color from the color bar.
Background Color & Image – This color option will work for background of Above header. You can also upload background image which will display on your above header area.
Above Header Content – This color option will work for Above header text, Link and Link hover color. These will be applied for Above Header Content only.

Main Header –

For Main Header color options, Go to Appearance > Customize > Total Color & Bg options > Main Header. You can pick color from the color bar.
Background Color – This color option will work for Main header Category Icon Bg Color, Category Icon Color and Background area.
Main Header Content – This color option will work for Main header text, Link and Link hover color. These will be applied for Main Header Content only.

Sticky Header –

To Display Sticky Header in your website, first enable sticky header. Navigate to Appearance > Customizer > Layout > Header > Main Header > Enable Sticky Header.
For Sticky Header color options, Go to Appearance > Customize > Total Color & Bg options > Sticky Header. You can pick color from the color bar.
Background Color & Image – This color option will work for background of Sticky header. You can also upload background image in your Sticky header.
Site Title Color – This color option will work for Site title, Title Hover and Site tagline.
Menu Color – This color option will work for Menu elements link and link hover.
Sub Menu Color – You can pick color for Sub Menu elements like Background, link, link hover color and Link Background Hover Color.
Sticky Icon Color – You can pick color for Sticky icon color and icon hover color.

Shop Icon –

For Shop Icon color options, Go to Appearance > Customize > Total Color & Bg options > Shop Icon. You can pick color from the color bar.
Off-Canvas Icon Color This color option will work for Off Canvas Icon which will display on the header.
Color & Hover color for Shop Icons – Shop icons are display below the Shop Category box. You can pick color for shop icons.

Main Menu –

For Main Menu color options, Go to Appearance > Customize > Total Color & Bg options > Main Menu. You can pick color from the color bar.
In Main Menu option you can pick color for each Menu item. Individual Color options are given for Menu and Sub menu. These will be applied for Main menu items only.

Footer Color

To change Color in your Footer, Navigate to Appearance > Customize > Total Color & Bg options > Footer. You can pick color for your overall header which includes “Widget footer”, “Above footer”, “Bottom footer”.

Above Footer –

Background Color – Pick color for your above footer background.
Above Footer Content – Pick color for text and link. These will be applied for Above Footer Content only.

Widget Footer –

Background Color – Pick color for your footer background. These will be applied for Widget footer Background only.
Footer Content – Pick color header text and link. These will be applied for Widget Footer Content only.

Bottom footer –

Background Color – Pick color for your Bottom footer background.
Bottom footer Content – Pick color for text and link. These will be applied for Bottom footer Content only.

Frontpage Section Color

For this option Navigate to Appearance > Customize > Total Color & Background > frontpage color.
Color option work for Woo Category section, Ribbon section and highlight section elements.

WooCommerce Color

Here you can pick color for your WooCommerce products. For this option Navigate to Appearance > Customize > Total Color & Background > WooCommerce.

Products –

Go to Appearance > Customize > Total Color & Background > WooCommerce > Products. From this option you can pick color for Product elements on Frontpage product section elements and Shop page.

Shopping Cart –

Go to Appearance > Customize > Total Color & Background > WooCommerce > Shopping Cart. From this option you can pick the color of shopping cart elements.

Preloader

For Pre loader, Go to Appearance > Customizer > Pre Loader.
For enabling the loader, check on the box “Enable loader”. Preloader will be shown when you load or refresh your site.
You can upload a GIF or an image as a preloader or you can pick background color instead of image.

WooCommerce Setting

For WooCommerce setting. First you have to Install WooCommerce Plugin and activate it from the Recommended plugins available in Amaz Store Options. If you have already did skip this.
Now Set Shop page, Cart Page, Checkout page and My Account Page in your site. To Know how you can easily set these pages in your site. Navigate to this Post.
For WooCommerce Setting, Navigate to Customize > WooCommerce. Here you’ll get all the Woo Setting for your Shop Products.

Product Style

For Product Style, go to Customize > WooCommerce > Product Style .
Product Image Hover Style – You can display your product in “Zoom” hover style. Or you can select None if you don’t need any hover style.
Zoom – It is a kind of basic magnify effect on your product, it will zoom out your product while hovering the mouse over it.
Fade Swap –(Pro) In fade swap condition your product gallery images will be displayed while hovering or clicking the mouse over the Product. It will exchange the product image and show other images of product which have some different look. For “Product Gallery option” Go to a single product page on the rightmost side you can set your product gallery images.
Slide Swap –(Pro) In slide swap condition your product gallery images will be displayed while hovering or clicking the mouse over the Product. It will slide the product image and show other gallery images of product.
Quick View – You can Enable or Disable Quick View of your product. Using Quick View you’ll get a quick look of products without opening the product page.
No. of product to show in Front Page – Using this option you can limit the no of products you want to display in your Product sections. Just add the Number in the text box and show your products in sections.

product style amaz store

Single Product

For Single Product Page Setting, go to Customize > WooCommerce > Single Product.
Up Sell Product – These are the items that your customer might prefer instead of the product currently viewed. Items which is offered as an up-sell might be more popular, have better profit margin or a higher quality.
Check the box “Display upsell product”. If you check this box you can now set the Number of Column and Number of up-selling Product you want to show.
To setup Up sell Product, Go to WooCommerce > Products and select the product on which you’d like to show in Up-sell. Scroll down to the Product Data panel. Select the Linked Products tab in the left menu. Add the product you wish to link to by searching for it.
Related Product – Related product are the items which are similar to the product your customer is viewing. Products which are added in Cross sell, Up- sell Or relate to Any Category or Tag.
Check the box “Display related product”. If you check this box you can now set the Number of Column and Number of related Product you want to show.
Disable Sidebar – If you don’t want Sidebar in your page, Check Disable Sidebar option.

single product amaz store

Cart Page

For Cart Page Setting, go to Customize > WooCommerce > Cart Page.
In cart page you’re free to showcase your Cross sell product. You can also set the number of Cross Sell Product to show with columns.
To setup Cross Sell Products. Go to WooCommerce > Products and select the product on which you’d like to show in cross-sell. Scroll down to the Product Data panel. Select the Linked Products tab in the left menu. Add the product you wish to link to by searching for it.

Shop Page

For Shop Page Setting, go to Customize > WooCommerce > Shop Page.
Shop page Pagination – Choose Numbered pagination and it will provide you better navigation for your Shop page.
Shop page Pagination (Pro) – Choose Numbered, Load More or Infinite scroll pagination and it will provide you better navigation for your Shop page.
Display Product View – Using this option you can display your product in Grid and List View Style. Grid view is the WooCommerce default layout to display products and List view arranges products in a vertical list.

shop page amaz store

How to Add Sidebar in WooCommerce pages & add widgets in them ?

To add sidebar in Shop page, first go to Dashboard > Pages > Shop page .
Now edit your Shop page > in the right hand panel you’ll see “Dynamic sidebar” option. From here you can choose Right sidebar & left sidebar to show in your shop page & other woo pages.

dynamic-sidebar-woo-pages

Now navigate to Appearance > Widgets. In the widget panel rightmost side you’ll see “WooCommerce sidebar”. Drag & drop Product widgets here.

woo widgtes

To add sidebar in Single Product page. Go to Products > Edit your Product in the right hand panel you’ll see “Dynamic sidebar” option. From here you can choose Right sidebar & left sidebar to show in your Product single page.

dynamic-sidebar-in-product-page

Now navigate to Appearance > Widgets. In the widget panel rightmost side you’ll see “Product sidebar”. Drag & drop Product widgets here.

product single page widgets

Additional CSS

For adding Additional CSS Code in your site. Navigate to Appearance > Customizer > WordPress default > Additional Css.
Now simply put your CSS code in the text feild and Publish it.

Get Help

If you face any difficulties, feel free to contact our support team at support forum.
You can also Contact us. by filling the form or ping us at our Live chat for pre sales queries.