Apparel

WordPress eCommerce theme for online store

Wordpress Information

Before installing this theme, please make sure you have a working WordPress version already installed. For further guide to install WordPress, please find in useful links below:
 
WordPress Codex: General info about WordPress and how to install your server.
First Steps With WordPress: Multiple topics about WordPress.
FAQ New To WordPress: Popular FAQs about WordPress.

Download Theme Package

After purchasing our theme from Themeforest, you will need to download theme package for your use. To download the package, please login to your Themeforest account, navigate to “Downloads”, click the “Download” button in the left of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:
 

HTML

This theme is full adaptive and used Bootstrap v3.0.1

Theme have main content part and left column (sidebar). The general template structure is the same throughout the template. Here is the general structure.

 

CSS Files

Theme have main CSS file - /css/s.css, which included in style.css

This file contains all of the specific stylings for the page. The file is separated into sections and have table of contents

 

Also there are 5 color themes files which are located in /css/themes/

JavaScript

This theme imports some Javascript files. All of this located in /js/ folder.

It's content:

 - /js/3rd-party-libs/ - third-party JS libraries used in theme

 - /js/custom-libs/ - ours JS functions for this theme

 - /js/back-end/ - some specific JS for work with Wordpress and Woocommerce

 - /js/page-specific/ - JS files specific for some pages (catalog list, catalog detail ..... )

Install

This theme required WooCommerce plugin for correctly work.

Visit plugin's page - https://ru.wordpress.org/plugins/woocommerce/ - and install it using the specified instruction.

Also theme supports the following free plugins:

Full list of required and recommended plugins show on top of admin pages.

 

If activated plugin "Woocommerce Dropdown Cart" cart in top navigate will look like this:

 

Header - Set Up Menu

Header in our theme contain two type of menu.
 
Follow these steps so that menu items can be shown in Header
 
 
Step 1: Navigate to Appearance–> Menu section of your admin sidebar.
Step 2: Click the Create A New Menu link to make a new menu. Enter the name then click the Create Menu
Step 3: To add menu item, select one of your created pages on the left hand side and click the Add To Menu button. You can also add different posts from the left side.
Step 4: To add a custom menu item, enter a custom name and link into the Links box.
Step 5: Manage your menus by using the drag and drop functionality. To create a dropdown menu in Menu Structure, simply drag a menu item on the left side to the area on the right side.
Step 6: After setting up your menu, scroll down to the bottom of the page to assign the menu on the Theme Location box.
Step 7: Once It’s all done, make sure you click  Save Menu
 
 
Now returning to the site, you will see the menu shown on the header.
 
 
Yet when you see the header on our demo site
 
 
 
For "Info menu" you can add css class fof show icon in menu item. 
All supported classes you can see here

Pages

Create A New Page

Please follow these steps to create your pages:

If you need to know more about Pages in WordPress, use the Help tab in the upper right of your screen.

Next, we will introduce you elements or short codes used to build each page
 
Note:
 
After editing any sections in an element setting, please click Save changes button and then Publish/Update button.
 
We instruct you to add shortcodes to pages so that your pages will be exactly similar to those on our demo site. Yet, it is up to you to make adjustments to settings of elements. By virtue of this creative action, your site will become special

 

Home page

For correctly setup main page of your stores, you must create new page and using tamplate "Homepage" for it

After save and publish this page your must open customize page of theme. Here in section "Static Front Page" select field "Front page displays" in value "A static page" and in setting "Front page" choose created above the page.

 

Sitemap

For correctly setup sitemap page of your stores, you must create new page and using tamplate "Sitemap" for it

Then save and publish this page

Brand's page

For correctly setup brand's page of your stores, аfter activating the plugin "Perfect WooCommerce Brands" you must create new page and using tamplate "Brands" for it. Then save and publish this page. 

Products

Set product's

To create a set of products, go to edit product page and in field "Set products" input ID necessary products. You can create set from 1 to 3 items plus original item.

The finished result on the shop:

Customize

Homepage slider

Theme have beautyful slider of banners on home page. For setup this slider need add new category of post on page "Posts - Categories". After this you must add some posts in this category with featured image.

After created some posts you need open customize page of theme in section "Homepage Sections - Slider Setup". And then check or uncheck "Display Slider on Homepage" and select category of posts.

Left sidebar

There is left sidebar in this theme.  For setup content of this side bar you must open page "Appearance - Widgets" and setup the "Sidebar" widget. It is must create automaticaly.

You can add any widget in this sidebar. This side bar show on main page and in catalog section page.

Some Woocommerce widgets already slylized for this theme 

 

Search in header

There is search field in herder of this theme. In customize panel you can hide this field if you want. This settings is in section "General Setup - Header Search Setting"

 

 

Modal with sizes table on detail page

There is link on modal with sizes table ondetail page of products.

The contents of this model is customizable in customize panel "General Setup - Detail Page Settings". Here you can choose or view page, which shows in content of this modal. Also here you can hide this link and modal on detail page.

 

Block with total rating of product 

There is special block with total rating of product on detail products page in right area.

It show total rating value of this product, number of votes and link for write new review.

In customize panel you can hide this block if you want. This settings is in section "General Setup - Detail Page Settings"

 

 

 

Woocommerce catalog tree

This theme have automaticaly woocommerce catgory tree. 

 

Display on HomePage in left sidebar. There is show first and second level of woocommerce categories.

 

Color theme

You can select one of five color setting of theme. This settings is in section "Customizing - Colors"

Promo banners

Theme have 4 types of banners

  1. Home page banners
  2. Large banner on top of product categories
  3. Small banners at the bottom of product category
  4. Long banner at the bottom of the page

For setup banners need add new category of post on page "Posts - Categories". After this you must add some posts in this category with featured image. So that banner has a link - in post edit field paste the link.

Banners for the homepage have two types: large (rectangular) and small (square).

to choose the type of banner click on "Screen Option" on page "Add new post".

In drop-down list, check "Size Banners Homepage".

Under post editor show field with a choice of settings, chose necessary size and save/update post

For display banners on site open customize page of theme. Here in section "General setup" select field "Banners setup" and then check or uncheck "Display banner on ..." and select category of posts.

City's

You can select the city's display to user's:

 

For setting city's open customize page of theme. Here in section "General setup" select field "City's" and select the necessary city from the list:

Woocommerce Pages

After Woocommerce plugin is installed, it creates the following new pages:
Learn more about Woocommerce pages:
http://docs.woothemes.com/document/woocommerce-pages/
 
Yet if it is unfortunate that those pages are not automatically created, you can do the following steps to build them
 
 
 
1. Cart Page
 
• Navigate to Pages > Add New.
• Enter Title (Cart), paste this shortcode [woocommerce_cart] into content area of the page
• Opt Default Template in Page Attributes on the right side
• Click on Publish button
• Finally, go to Woocommerce> settings > Checkout Page> Choose a Cart page here> Save changes
 
 
2. Checkout Page
 
• Navigate to Pages > Add New.
• Enter Title (Checkout), paste this shortcode [woocommerce_checkout] into content area of the page.
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button
• Finally, go to Woocommerce> settings > Checkout Page> Choose a Checkout page here> Save changes
 
 
3. My Account
 
• Navigate to Pages > Add New.
• Enter Title (My Account), paste this shortcode [woocommerce_my_account] into content area of the page.
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button
 
 
4. Shop Page
 
• Navigate to Pages > Add New
• Enter title, Shop
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button
• Finally, go to Woocommerce> settings> Products> Display> Choose a Shop Page here> Save changes