TC E Commerce Shop WordPress Theme Documentation

Introduction

Thank you for buying our WordPress Theme. The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation in different portions.

What is WordPress CMS?

WordPress is an open source tool which is based on PHP and MySQL to create websites. It is a completely free content management system(CMS) and a strong blogging platform. With this CMS, you can develop websites and solid online apps. You hardly require any knowledge or technical capability to manage it. WordPress has become the most accepted website development software available because of it’s varied aspects like it’s easy usage and flexibility.Learn More

What is a WordPress template

A WordPress template acts as a skin for the websites which are created on WordPress CMS. The installation of a WordPress Template is very easy. With the help of an installed new template, you can change the look of your WordPress website very easily. All the requisite source files are provided with a WordPress template and you can freely go for editing and increasing it the way you want.

Help and Support

Files structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

  • Screenshots : contains template screenshots. Not for production.

  • Theme : contains WordPress theme files.

  • tc-ecommerce-shop_pro_0.1.zip and tc-ecommerce-shop_pro_child_0.1.zip : this folder content all the necessary files for the theme.

  • license.txt : contains license details.

  • readme.txt : contain information about theme images path and font use and usage scritps.

Template Installation

Template installation is very easy process.

Step 1. Theme Installation

First thing you need to do is login to your WordPress admin area. Next, click on

All installation steps can be done within WordPress interface. It makes process comfortable and fast.

Go to the menu Appearance Appearance Themes.

Once you are on the themes page, click on the Add New button at the top.

Click on upload theme button.

Click on Browse Button then select your tc-ecommerce-shop_pro.zip theme and click on Install Now Button..

WordPress will now install your theme and show you a success message along with the link to activate or live preview.

Congratulations, your theme have been successfully installed!

Step 2. Install a Theme using FTP

Your second installation option is to upload the theme via FTP. For this method first log into your site via FTP and browse to your folder located at wp-content/themes. Unzip the theme file you downloaded and upload only the extracted Total folder to your server.

Next log into your WordPress site and navigate to Appearance Themes to activate Total.

Section Color / Font Palette

Color/Font is very easy process. We have given these options in all sections of customizer. It is a complete image to show you about color and font palette. At a single glance of click you can set the color and fonts of the Headings, Paragrapgh and Buttons.

Every individual section have an option to set the color palette for Headings, Title/Text, Paragraph, Button Text and Button Background depending upon the number of option that are available in that respective section

Default Color / Font settings

How to set up homepage

Once you view your site after activating the theme, You will see the index page with the latest post. Now you will need to setup the home page template to show all the demo section on your front page.

Setup Home Page Template

Follow these instructions to setup Home page.

1. Create Page to set template : Go to Dashboard Pages Add New Page.

2. Set the front page: Go to Setting Reading Set the front page display static page to home page.

Once you have done with this you can see all the demo content on front page.

Setup Slider

Follow these instructions to setup slider.

Go to Appearance Customize Theme Settings Slider Settings. .

Headshot photo

  • Setting Options : Includes settings for Slider Section display enable / disable option.

  • Slider Heading Color and Font Family : Contains color options for heading and it's font family.

  • Slider Text Color and Font Family : Contains color options for text and it's font family.

  • Slider Text Border Color : Contains color options for text border.

  • Number Of Slide To Show : Allow you to select no. of slides you would like to display.

  • Slider Image : Here you can set the images for slider.

  • Slide Title : Here you can set the title on slider.

  • Slide Description : Here you can add description on slider.

  • Slider Link : Here you can add the button link.

  • For Logo : For changing logo to Appearance >> Customize >> Site Identity >> Here you can set Logo, Site Title, Tagline & Site Icon for your site.

  • For Top menu : Create the menu from the dashboard and set it to the "Top Menu".

  • For more information go to the Navigation tab.

Different Category

You have three columns in this section with slider. In this section you can see the product by its category. Here nine tabs are available . Every tab contain the products of that perticular category. Every tab have three columns & every column have different product. Nine tabs are available here in which you can see the product by its category.

  • Women : Women

  • Men : In this tab you can see all products of mens.

  • Accessories : In this tab you can see all products of Accessories.

  • Fashion : In this tab you can see all products of fashion.

  • Features : In this tab you can see all products of features.

  • Clothings : In this tab you can see all products of clothings.

  • Bags & Wallets : In this tab you can see all products of clothings.

  • Fragrances : In this tab you can see all products of fragrances.

  • Caps & Hats : In this tab you can see all products of caps & hats

In order to proceed with Different Category section,

Go to Appearance Customize Theme Settings Different Category..

In this section you can set the Image & Title of Different Category section. Options here are further described according to the sections they belong to :

Headshot photo

  • Setting Options : Includes settings for Featured Products Section display enable / disable option.

  • Background Color Option : Contains background color options for specific section layout.

  • Background Image Option : Contains background image options for specific section layout.

  • Section Heading Color and Font Family : Contains color options for heading and it's font family for specific section.

  • Section Tab's Title Color and Font Family : Contains color options for Tab's Title and it's font family for specific section.

  • Product Button Color and Font Family : Contains color options for product button and it's font family for specific section.

  • Product Button Background Color : Contains background color options for product button.

  • Slider Button Arrorw color Option : Contains slider button arrow color options for specific section layout.

  • Slider Button Background color Option : Contains background color options for specific section layout.

Here you can Change the tab title and also change the category of product.

Men's Product

In this section you have two columns. In first column you have men's product gallery image, product title and view button. In second column you have six tabs in which you can see only Men's product by Mens category tab. In this column you have a product slider.

  • All : In this tab you can check Every product of men's product section.

  • Clothings : In this tab you can check only cloths product of men's category.

  • Belts : In this tab you can check only belts product of men's category.

  • Shoes : In this tab you can check only shoes product of men's category.

  • Watches : In this tab you can check only watches product of men's category.

  • Goggles : In this tab you can check only goggles product of men's category.

In order to proceed with Setup Men's Product Section,

Go to Appearance Customize Theme Settings Men's Product..

In this section you can set the following points;

Headshot photo

  • Setting Options : Includes settings for Featured Products Section display enable / disable option.

  • Background Color Option : Contains background color options for specific section layout.

  • Background Image Option : Contains background image options for specific section layout.

  • Section Heading Color and Font Family : Contains color options for heading and it's font family for specific section.

  • Section Heading Border Bottom Color : Contains color options for heading border bottom.

  • Slider Button Background Color Option : Contains color options for slider button for specific section.

  • Slider Button Arrow Color Option : Contains color options for slider button arrow for specific section.

  • Product Title Color and Font Family : Contains color options for heading and it's font family for specific box.

  • Product Button Background color, Text Color and Font Family : Contains background color, text color options for product button and it's font family for specific section.

  • Men's Product Image : You can change the product image.

  • Men's Product Image Text : You can change the product image text, its color and it's font family for specific section.

  • Men's Product Image Button : You can change the product button text, background color, text color and it's font family for specific section.

View Collection

In order to proceed with View Collection,

Go to Appearance Customize Theme Settings View Collection

In order to proceed with Setup Men's Product Section,

In this section you can set the View Collection Title, :

Headshot photo

  • Setting Options : Includes settings for View Collection Products Section display enable / disable option.

  • Background Color Option : Contains background color options for specific section layout.

  • Background Image Option : Contains background image options for specific section layout.

  • Section Heading Color and Font Family : Contains color options for heading and it's font family for specific section.

  • Section Sub Heading Color and Font Family : Contains color options for sub heading and it's font family for specific section.

  • Section Button Background Color Option : Contains color options for slider button for specific section.

  • Section Button Text color and it's font family : You can change the button text, background color, text color and it's font family for specific section.

Women's Product

In this section you have two columns. In first column you have six tabs in which you can see only women's product by women's category tab. In this column you have a product slider. In second column you have women's product gallery image, product title and view all button.

  • All : In this tab you can check all women products.

  • Clothings : In this tab you can check only cloths product of women's category.

  • Bags : In this tab you can check only bags product of women's category.

  • Shoes : In this tab you can check only shoes product of women's category.

  • Watches : In this tab you can check only watches product of women's category.

  • Goggles : In this tab you can check only goggles product of women's category.

In order to proceed with Setup Women's Product Section,

Go to Appearance Customize Theme Settings Women's Product..

In this section you can set the following points;

Headshot photo

  • Setting Options : Includes settings for Women's Products Section display enable / disable option.

  • Background Color Option : Contains background color options for specific section layout.

  • Background Image Option : Contains background image options for specific section layout.

  • Section Heading Color and Font Family : Contains color options for heading and it's font family for specific section.

  • Section Heading Border Bottom Color : Contains border color option for heading border.

  • Slider Button Background Color Option : Contains color options for slider button for specific section.

  • Slider Button Arrow Color Option : Contains color options for slider button arrow for specific section.

  • Product Title Color and Font Family : Contains color options for heading and it's font family for specific box.

  • Product Button Background color, Text Color and Font Family : Contains background color, text color options for product button and it's font family for specific section.

  • MWomen's Product Image : You can change the product image.

  • MWomen's Product Image Text : You can change the product image text, its color and it's font family for specific section.

  • MWomen's Product Image Button : You can change the product button text, background color, text color and it's font family for specific section.

New Arrivals & Best Sellers

In this section you have two tabs

  • New Arrivals : In this secton you have a slider with four columns. Each column have a product which you add for new arrival's tab.

  • Best Sellers : In this secton you have a slider with four columns. Each column have a product which you add for best ellers tab.

In order to proceed with Setup New Arrivals & Best Sellers Section,

Go to Dashboard Products Add New

First, you have to add product then set product title. Then you have to add category "New Arrivals", & you can set description, featured image, discription of product, regular price & sale price of prduct.

Go to Appearance Customize Theme Settings New Arrivals & Best Sellers.

In this section you can set the following points through the customizer:

Headshot photo

  • Setting Options : Includes settings for New Arrivals & Best Sellers Section display enable / disable option.

  • Background Color Option : Contains background color option for specific section layout.

  • Background Image Option : Contains background image option for specific section layout.

  • Tab 1 Color and Font Family : Contains color options for heading and it's font family for specific section.

  • Tab 2 Color and Font Family : Contains color options for heading and it's font family for specific section.

  • Slider Button Background Color Option : Contains color options for slider button for specific section.

  • Slider Button Background Color Option : Contains color options for heading and it's font family for specific box.

  • Tab title Border Bottom Color : Contains color options for heading border bottom.

  • Product Price Color and Font Family : Contains color options for Product Price and it's font family for

  • Product Button Background color, Text Color and Font Family : Contains background color, text color options for product button and it's font family for specific section.

  • Tab 1 : You can change the tab 1 title. select new arrivels category for tab 1

  • Tab 2 : You can change the tab 2 title. select best sellers category for tab 2

From The Blog

In this section you have a slider for your posts where can post testimonials. You can set a image for testimonial, add description for it, set mmber name & the designation of member.

In order to proceed with What People Say Section,

Go to Dashboard Post Add New.

To add a blog first you have to add a blog title. You can add the discription about your blog and set a blog image.

Go to Appearance Customize Theme Settings From The Blog..

In this section you can set the section Heading, Background Image & Backround Color.

Headshot photo

  • Setting Options : Includes settings for From The Blog Section display enable / disable option.

  • Section Heading Color and Font Family : Contains color options for heading and it's font family for specific section.

  • Section Heading Border Color : Contains color options for heading border for specific section.

  • Date color Font Family : Contains color options for date and it's font family for specific section.

  • Comment color Font Family : Contains color options for comment and it's font family for specific section.

  • Blog Name Color and Font Family : Contains color options for member name and it's font family.

  • Blog Designtion Color and Font Family : Contains color options for member designtion and it's font family.

  • Blog Image Option : Contains testimonial image options.

  • Blog Name and Description : Here you can add member name and description.

Sponsers

Here you have a slider for your sponsers and you can add your sponsers logos in this slider.

In order to proceed with Sponsers section

Go to Appearance Customize Theme Settings Sponsers.

In this section you can set the section Heading, Background Image & Backround Color.

Headshot photo

  • Setting Options : Includes settings for Sponsers Section display enable / disable option.

  • Background Color Option : Contains background color option for specific section layout.

  • Background Image Option : Contains background image option for specific section layout.

  • Slider Button Background Color Option : Contains color options for slider button for specific section.

  • Number of content to show : Here you can set the number of content you want to show in the sponsers slider section.

Client Feedback

You have to add new post for client feedback. After adding new post you can set title, description, dasignation and Image. To display this post select the blog template.

In order to proceed with client feedback section,

Go to Appearance Customize Theme Settings Client Feedback.

In this section you can set the section Heading, Background Image & Backround Color.

Headshot photo

  • Setting Options : Includes settings for Client Feedback Section display enable / disable option.

  • Background Color Option : Contains background color option for specific section layout.

  • Background Image Option : Contains background image option for specific section layout.

  • Section Heading Color and Font Family : Contains color options for heading and it's font family for specific section.

  • Section Heading Border Color : Contains color options for heading border for specific section.

  • Slider Radio Button Background Color Option : Contains color options for slider button for specific section.

  • Add Content : Here you can add the content you want to show in the client feedback slider section. You can change the text color and it's font family for specific section

  • Add Member Name & Designation : Here you can add the name & designation. You can change the text color and it's font family for specific section

  • Add Member Image : Here you can add the Image. You can change the image specific section

Sign Up For Newslater

Add the contact form7 plugin to your wordpress account. Activate the plugin and create your own form. Once you have done with this copy it's shortcode and put this shortcode into the customizer or page.

In order to proceed with this page,

Go to Dashboard Contact

Go to Dashboard Pages Add New

Go to Appearance Customize Theme Settings Sign Up For Newslater ..

Headshot photo

  • Setting Options : Includes settings for Sign Up For Newslater Section display enable / disable option.

  • Background Color Option : Contains background color option for specific section layout.

  • Background Image Option : Contains background image option for specific section layout.

  • Section Heading Color and Font Family : Contains color options for heading and it's font family for specific section.

  • Form Input Background Color : Contains Form Input background color option for specific section.

  • Submit Button Background Color : Contains Form Input background color option for specific section.

Footer Text

In order to proceed with Footer section,

Go to Appearance Customize Theme Settings Copyright Text..

In this section you add all the Copyright Text which to display.

Child Theme & Hooks

Custom theme editor is the easy process for editing the site, if you have to add section in the site, you can easily edit in child theme it can be change in parent theme.

Hook code below Slider

Hook code below Go Quickly To

Hook code below Men's Product

Hook code below View Collection

Hook code below Women's Product

Hook code below New Arrivals & Best Sellers

Hook code below From The Blog

Hook code below Sponsers

Hook code below Client's feedback

Hook code Sign Up For Our Newslater

Hook code below Full Width Header

Page Templates and Sidebars

Page Templates

  • Default Template (The default page template with a right sidebar position)

  • Home Page Template (Front page with the demo content)

  • About Template (The about template with no sidebar position)

  • Shop Template (A page templates with left sidebar position)

  • Blog Template (A page template with right sidebar position)

  • Contact Template (The default Contact template with no sidebar position)

Posts, Categories and Post Formats

Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

  • Log into your WordPress Administration Panel (Dashboard).

  • Click the Posts tab.

  • With that done, click Categories for blog posts.

  • Type in the name of your new category.

  • After that, click the Add New Category button.

Click the Publish button.

Creating a Blog post

  • Log into your WordPress Administration Panel (Dashboard).

  • Click the Posts tab.

  • Click the Add New tab.

  • Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Shortcodes

A shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.

All available shortcodes are conditionally divided into these groups:

  • Gallery [tc-innergalleryshow tc_gallery=”142″] - used for Gallery images output.

Custom Widgets

How to Setup Additional Theme Add Ons

1.First, you need to download the plugin from the source (which will be a zip file (tc-title-banner-image.zip and tc-gallery-images.zip)). Next, you need to go to WordPress admin area and visit Plugins » Add New page.

2.After that, click on the Upload Plugin button on top of the page.

3.This will bring you to the plugin upload page. Here you need to click on the choose file button and select the plugin file you downloaded earlier to your computer.

4.After you have selected the file, you need to click on the install now button.

5.WordPress will now upload the plugin file from your computer and install it for you. You will see a success message like this after installation is finished.

6.Once installed, you need to click on the Activate Plugin link to start using the plugin.