TC E-Commerce WordPress Theme Documentation

Introduction

I'm grateful for installing 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 CMS, or content management system 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 modify 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

Click here for 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 files for WordPress themes.
tc-e-commerce-shop_0.3.4.zip : this folder contains 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

The method of installing a template is quite simple.

Step 1. Installing a theme

First thing you need to do is sign your WordPress dashboard. later, click on

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

Visit the menu go to Appearancego to Themes.

Once you are on the themes activation page, Select the Insert New link.

Selecting the upload theme link.

Toggle Browse link. then select your free-tc-ecommerce-lite.zip and Press the Install link..

Now, WordPress will set up your theme then show you a message of success along with the activated connection or real-time preview.

Congratulations, your theme have been successfully installed!

Step 2. Install a Theme using FTP

Your The second installation choice you have is to FTP-upload the theme. For this method first sign in your site using FTP and browse to your folder themes located at wp-content. the theme file you downloaded and unzip it and upload only the extracted Total folder to your server.

Next Access your WordPress Administration Panel by logging in and navigate to the Appearance Themes to activate.

Fetch Demo Content

This theme supports the deafult Site Identity section provided by the Wordpress and we have integrated some options in this theme in this section.

Follow these instructions to setup homepage.

1. Establish a Page with the template on it: Visit Dashboard Pages Insert New Page.

Label it "home" or whatever else you choose. Then select template "custom home" from template dropdown.

2. Set front page: Visit Setting Reading Set front page display static page to front.

Once you're done, you can view the whole demo collection on the top page.

Theme Setup

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

Setup Theme Layout

Being able to continue with Theme Layout Setup.

1. Site Layout:

Visit Appearance click on Customize click on Theme setting click on Theme Layout setting

Select the site layout which you want, it has three site layouts

1. Full Layout: In this, theme will appear as deafault.

2. Contained Layout: In this, theme will appear as it is in the container-fluid.

3. Boxed Layout: In this, theme will appear as it is in the box container.

Suppose, Full layout selected then it will seems like below screenshot.

Suppose, Boxed layout selected then it will seems like below screenshot.

2. Sidebar Layout:

Visit Appearance click on Customize click on Theme setting click on Theme Layout setting

You can select the sidebar layout from here.

3. Preloader:

Visit Appearance Customize Theme setting Theme Layout setting

You can select the Theme Preloader from here.

Setup Color/Font Pallete

Being able to continue Color/Font Pallete.

Visit Appearance click on Customize click on Theme setting click on Color/Font Pallete

1. Theme Color: Now You can modify the global theme color.

After color change theme will look like below screenshot.

2. Color: Now You can modify the colors of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

2. Fonts: Now You can modify the Font Family of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

3. Font Size: Now You can modify the Font size of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

Their customizer settings are like below screenshot.

Setup Header

Being able to go forward with Site Identity,

Visit Appearance click on Customize click on Site Identity

Now You might include logo and also You can modify the logo width.

Being able to continue Top Header.

Visit Appearance Customize Theme Settings Top Header

Follow these instructions to setup Top Header.

1. Show/hide Topbar: Now you have an option for show/hide Topbar.

2. Topbar Top Bottom Padding: Now you have an option add top bottom padding for top-bar.

3. Sticky Header: Now you have an option to stick the header on top.

4. Sticky Header Padding: Now you have an option to add padding for sticky header.

5. Email : You can enter your mail id here.

6. Phone :You can enter Contact No. here.

7. Navigation Case: Now you have an option to add navigation case like uppercase and capitalize.

8. Navigation Font Size: Now you have an option to add font size of navigation.

9. Add Facebook Link : You might include your facebook link here. As soon as you add facebook link using this option, an facebook social icon will be displayed on the top-bar of your website.

10. Add Twitter Link: You might include your twitter link here. As soon as you add twiiter link here, you can see twiiter icon in the top-bar of your website.

11. Add Instagram Link: You might include your Instagram link here. As soon as you add Instagram link here, you can see Instagram icon in the top-bar of your website.

12. Add Youtube Link : You might include your youtube link here. As soon as you add youtube link here, an youtube social icon appears on the top-bar of your website.

Setup Slider

Being able to continue Slider Setup.

Visit Pages click on Add New click on Enter Title click on Set Feature Image

Visit Appearance click on Customize click on Theme setting click on Slider setting

Select slider image page click twice the checkbox of show/Hide Slider and publish

Being able to continue Slider Section,

Visit Appearance click on Customize click on Theme Settings click on Slider Setting

1. Show / Hide slider: Now you have an option to Show / Hide slider

2. Select Slide Image Page: Now you have an option to add path of slider image.

3. Show / Hide Slider Title: Now you have an option to Show / Hide Title of slider.

4. Show / Hide Slider Button: Now you have an option to Show / Hide Button on the slider.

5. Text on a slider button: Now you have an option to add button text for slider, LEARN MORE.

6. Slider Image Opacity: Now you have an option to change transparency of slider image.

7. Slider Content Alignment: Now you have an option to add position of slider content, Left Alignment, Center Alignment, Right Alignment.

8. Slider Content Spacing: Now you have an option to add spacing beteween the slider content , top-bottom and left-right.

9. Slider Speed: Now you have an option for give the speed of slider to load slider fast..

Setup Featured Products

Being able to continue featured products section

First Install Woocommerce Plugin.

Visit Dashboard Product Add New

First got products and add new, then set your product name, description about product, regular price of the product, set sale price of product, then You may choose product image, You might include product gallery and choose the category of product in which you want to show the product.

Visit Appearance Pages Add New.

Add new page name it & add shortcode "[products limit="4" columns="4"]" for 4 products in 4 columns.

Visit Appearance Customize Theme Settings Featured Products.

Add section title and select the product shortcode page which you have created.

Create the footer

Footer have four coloumns. Any widget can be added there.

There are two ways adding widgets to the footer.

1. Visit Appearance >> Widgets.

The screenshot below shows how to add widgets to the footer.

You might include footer coloumns, to add footer You must choose widgets like as text, images, galleries, etc. Which allows you to add text or picture according to your choice with ease.

Once you done a footer widget addition, your footer will appear as follows:

2. Now, let's see the another important way to add widgets to the footer of your website.

Visit Appearance >> Customize >> Widgets

Once you will select widgets, you will get this page, refer the below screenshot.

Now you can select footer1, footer2 footer3 and footer4 option to add footer contents using widgets one by one.

Once you are done setting up footer, footer of your website will appear as follows:

Contents may vary as you add it.

Visit Appearance click on Customize click on Theme Settings click on Footer Section

Being able to continue Footer Section,

1. Show/Hide Back to Top Button: Now you have an option to Show/Hide Back to Top Button.

2. Back to Top Icon: Now you have an option for Back to Top Icon.

3. Back to Top Button Text: Now you have an option to Back to Top Button Text.

4. Back to Top Button Alignment: Now you have an option to Alignment of Back to Top Button like Right , Center , Left.

5. Footer Background Color: Now you have an option to Selecting Background color for footer.

6. Footer Background Image: Now you have an option to Selecting Background image for footer

Text in the footer

Being able to continue Footer,

Visit Appearance >> Customize >> Theme Settings >>Footer Text

Footer Text : You might include text which you want to show on footer here

Being able to continue copyright Section,

1. Copyright Alignment: Now you have an option for Copyright Aligntment like Center , Left , Right.

2. Copyright Font Size: Now you have an option for Font Size of Copyright.

3. Copyright Top Bottom Padding: Now you have an option to Top Bottom Padding of Content for Copyright.

4. Copyright Text: You might include text which you want to show on footer here.

Setup 404 & No Result Page

Visit Appearance click on Customize click Theme Settings click 404 & No Result Page Section.

Being able to continue 404 Section.

1. 404 Page Title: error 404 page has a page title not found.

2. 404 Page Text: error 404 page has a page Contain not found

3. 404 Page Button Text: error 404 page Text of Button not found

4. No Result Page Title: error site title not found

5. No Result Page Text: error site contain not found

WooCommerce Plugin

First, you need to download woocommerce plugin from the site Wordpress.org . Next, you need to Visit WordPress admin and visit Plugin.

You will see a success message like this after installation is finished.Once installed, you need to click on the Activate Plugin link to start using the plugin.

Setup WooCommerce

Visit Appearance click on Customize click on Theme Settings click on Additional WooCommerces Section.

Being able to continue Additional WooCommerces Section.

1. Product per row: Now you have an option to add Number Of Product in one Row.

2. Product per page: Now you have an option to add Number Of Product in one single page.

3. Enable / Disable Shop page sidebar: Now you have an option to Enable / Disable sidebar of shop page.

4. Enable / Disable Product page sidebar: Now you have an option to Enable / Disable sidebar of product page.

5. Enable / Disable Related product: Now you have an option to Enable / Disable Feature Related product.

6. Button Top Bottom Padding: Now you have an option to add top bottom padding of Product button.

7. Button Border Radius: Now you have an option to add border radius of Product button.

8. Enable / Disable product border: Now you have an option to Enable / Disable product Outer border.

9. Enable / Disable product border: Now you have an option to Enable / Disable product Outer border.

10. Product Top Bottom Padding: Now you have an option to top bottom padding for product.

11. Product Right Left Padding: Now you have an option to right left padding for product.

12. Product Border Radius: Now you have an option to add border to product.

13. Product Box Shadow: Now you have an option to add Box Shadow for product.

14. Sale badge Position: Now you have an option to add postion of sale badge like right portions or left position.

15. Sale Top Bottom Padding : Now you have an option to add top bottom padding for sale badge.

16. Sale Border Radius: Now you have an option to add border radius for sale.

Setup Menus

First create pages from Visit >> Dashboard Pages Insert New Page.
Visit Appearance click on Menu.
to create a new menu link, click.
Give your menu a name in Menu name, then click the Save Menu button..
Once you have construct a menu. You need to Add pages by checking the appropriate boxes. Once you've added the menu, It can be arranged by using drag and drop.
selecting a menu theme location using the checkboxes below.

See this screenshot for better understanding.

Page Templates and Sidebars

Page Templates

Default Template (standard page template with a right sidebar position)
front page Template (Front page with the demo content)
Page (Left Sidebar) (A page templates having a left sidebar position)
Page (Right Sidebar) (A page template with right 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

Access your WordPress Administration Panel by logging in. (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.

Visit Appearance click on Customize click on Theme Settings click on Post Setting

Being able to continue Post Section,

1. Enable / Disable Post Date: Now you have an option to Enable / Disable Post Date.

2. Enable / Disable Post Author: Now you have an option to Enable / Disable Post Author.

3. Enable / Disable Post Comments: Now you have an option to Enable / Disable Post Comments.

4. Enable / Disable Featured Image: Now you have options to Enable / Disable Featured Image.

5. Featured image border radius: Now you have options to add border radius for featured image

6. Featured image box shadow: Now you have an option to add box shadow for featured image.

7. Post Content Type: Now you have an option to post content type like showing content full or Excerpt Content.

8. Post Button Text: Now you have an option to add text for post button.

9. Top Bottom Button Padding: Now you have an option to add top bottom padding for post button.

10. Left Right Button Padding: Now you have an option to add left right padding for post button.

11. Button Border Radius: Now you have an option to add border radius for post button.

12. Post Navigation Type: Now you have an option to add post button navigation type , Next/Prev Button.

Creating a Blog post

Access your WordPress Administration Panel by logging in.(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.