T-shirt Ecommerce Pro wordpress theme Documentation

Live Demo Buy Now

Introduction

Thank you for your purchase of our WordPress theme. This documentation shows the entire process of configuring and managing a WordPress website from start to finish in various sections.

What is WordPress CMS?

WordPress is an open source website creation tool that is built on PHP and MySQL. It is a free content management system (CMS) and a powerful blogging platform. You can use this CMS to create websites and solid online apps. It requires little knowledge or technical ability to manage. WordPress has become the most widely used website development software due to a variety of factors such as its ease of use and flexibility.Learn More

What is a WordPress template

A WordPress template serves as a skin for WordPress-powered websites. A WordPress Template is simple to set up. You can easily change the look of your WordPress website by installing a new template. A WordPress template includes all of the necessary source files, which you can edit and expand as you see fit.

Help and Support

Click here for help and support : SUPPORT

Files structure

The template package you downloaded is divided into several folders. Let's take a look at what's in each folder:

  • Screenshots : contains template screenshots. Not for production.

  • Theme : contains WordPress theme files.

  • T-shirt Ecommerce Pro.zip: This folder contains all of the files required for the theme.

  • license.txt : contains license details.

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

TC Key Activation

The TC Key Activation procedure is as follows.

As you will get the License Key on your Email, use that key to Activate License.

Follow the following Process to Activate License.

Go to the Dashboard Appearance TC Setup Wizard Enter Key Save Changes

key

After Entering The Key Activate Licence.

key2

After you Activate Licence,the key will be active and then you can Getstarted with the Theme.

key3

In this way you can activate your Licence Key.

My site was working fine before? Who changed the File Permissions?

Incorrect file permissions may prevent WordPress from creating folders, uploading images, or running certain scripts.

WordPress requires server permissions to manage files and create folders.

  • Then, select all folders in the root directory and right-click to select 'File Permissions'.
  • wp-config >> permissions dialog box >> click on checkbox read and write >> Click on the OK button to continue
  • The same procedure should be followed for the wp-content folder.
permission

Template Installation

The installation of a template is a simple process.

Step 1. Theme Installation

The first step is to log into your WordPress admin area. Then, click on

Go to the menu Appearance Themes

themeinstall1

After you have navigated to the themes page, click on the Add New button located at the top of the page.

themeupload

Click on upload theme button.

theme1

Click on Browse Button then select your t-shirt-ecommerce-pro.zip theme and click on Install Now Button..

themeupload1

WordPress will now install your theme and display a success message, as well as a link to activate or view the live preview.

Step 2. Installation Using FTP

  • Step 1 - Download t-shirt-ecommerce-pro.zip file from your My Account ThemesEye.
  • Step 2 - Extract Zip file.
  • Step 3 - Upload the non-zipped theme folder into the theme folder using your FTP programme. "/wp-content/themes/" folder on your server.
  • Step 4 - Go to Dashboard » Appearance » Themes and find T-shirt Ecommerce Pro theme from list
  • Step 5 - Click on Activate to active t-shirt-ecommerce-pro Posttype theme.
    • Active Theme

Plugin Installation.

To manually install a WordPress Plugin, download the.zip archive and follow the steps below for Upload plugin installation.

Install Required Plugins:

t-shirt-ecommerce-pro-posttype plugin, Contact Form 7

  • Go to Dashboard >> plugin >> Add New >> Upload plugin.
    • Active Theme

  • Install and activate by clicking the Install Now button.

    • Active Theme

Demo Importer


To import content using Theme Wizard, ad here to these procedures.

1) Go to Dashboard >> Getstarted

2) Insert your key.

3) After selecting Setup Wizard, click Start Now.

4) install Plugins.

5) Import the material from your Customizer Elementor-based demo.

Theme Wizard


To import content using Theme Wizard, follow the steps below.

As you will get the License Key on your Email, use that key to Activate License.

Follow the following Process to Activate License.

Go to the >>Dashboard>>Appearance >>Setup Wizard

Active Theme

After Entering The Key >> Activate Licence.

Active Theme Active Theme

After you Activate Licence,the key will be active and then you can Getstarted with the Theme.

Active Theme

In this way you can activate your Licence Key.

After click on "Next button", click on "Start Now button".

Active Theme

install Plugins.

Active Theme

Import your demo content by clicking the "Import Demo" button.

Active Theme

Color/Font Pallette

Color/font selection is a simple process. These options are available in all sections of the customizer. It is a complete image that demonstrates the colour and font palette. You can change the colour and fonts of the headings, paragraph, and buttons with a single click.

Depending on the number of options available in that section, each individual section has the option to set the colour palette for Headings, Title/Text, Paragraph, Button Text, and Button Background.

Active ThemeActive Theme

How to set up homepage

After activating the theme, you will see the index page with the most recent post. Now you must configure the home page template to display all of the demo sections on your front page.


Section Ordering

How to Arrange and Reordering Section

Section reordering essentially means rearranging the section to meet our needs. To proceed with this section, drag the section to the top or bottom of the page where you want it. When you drag any section top or bottom, the front view changes based on the customizer values.

Section re-ordering is as simple as dragging and dropping options into any order you desire.

In order to proceed with Section Ordering.

Step 1 - Go to Appearance >>Theme Settings >> Section Ordering
Final Step in Menu

Setup Home Page

This section will assist you in organising your site's home page and other pages. This will also show you how to set up WordPress Menus, make a Slider, make a Home Page, use Page Templates, and insert shortcodes into pages.

1.   Go to Dashboard Pages Add New Page, enter page name and select template as Home Page Template from Page Attribute as shown in below image

home-page-template

2.   Publish this Page

3.  Go to Dashboard Setting Reading, select home page as a front page

set-front-page

When you're finished, you'll be able to see all of the demo content on the front page.

Top Bar Settings

Setup Topbar

This section will help you to arrange topbar.

Go to Customizing Theme Settings Top Bar

sethomepage
sethomepage

Final display of top bar section

menusetup

Header Setting

  • Step 1 - Go to Dashboard >> >> Appearance >> Customize >> Site Identity.
  • a. You can add logo from Select Logo button for set logo
    • Active Theme

  • Step 2 Go to Dashboard >> Pages >> If you want to add an image, create a new page and assign it to that section. You can repeat this process to create multiple pages in the same section.
    • Active Theme

  • Step 3 - Go to Dashboard >> Appearance >> Menus.
  • Step 4 - Click on create a new menu as show in below image.
  • Step 5 - Enter menu name and click on Create Menu as shown in below image.
    • Create a Menu

  • Step 6 - Select Pages like Latest Blog,Pages,About Us from left Side and click on Add to Menu button as show in below image
  • Step 7 - After selecting pages select menu location and click on save menu.
  • Step 8 - Click on Manage Locations as show in below image.
    • Final Step in Menu

  • Step 2 - Go to Dashboard >> >> Appearance >> Customize >> Header.
    • Final Step in Menu Final Step in Menu

    Final display of Header

    Final display of header

Setup About Us Section

  • In order to setup the Slider Section, follow the below steps,

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> About Section.

    • Create New Slider

    Create New Slider
    Create New Slider

    Final display of About

    Final display of header

Feature Product

  • Follow the steps below to configure the Feature Product.

    • Step 1- Activate the WooCommerce plugin. The product name will appear in the Dashboard after installation.

  • Step 2 - Go to Dashboard >> Appearance >> Product >> Add New

    • Add a new product of your choice with image and category selection.

    Final Step in Menu

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Feature Product.
Final Step in Menu Final Step in Menu

Final display of Feature Product

Final display ofBanner1 Section

New Arrivals Section

  • Follow the steps below to configure the New Arrival Product.

    • Step 1- Activate the WooCommerce plugin. The product name will appear in the Dashboard after installation.

  • Step 2 - Go to Dashboard >> Appearance >> Product >> Add New

    • Add a new product of your choice with image and category selection.

    Final Step in Menu

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> New Arrival.
Final Step in Menu
Final Step in Menu
Final Step in Menu
Final Step in Menu

Final display of New Arrivals Product

Final display ofBanner1 Section

Deal Of The Day Section.

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Shop Section.
    • set about us section set about us section

    Final display of Deal Of The Day Section.

    Final display of Product Tab Section

The Power Of Great Design Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >>Aboutinfo Section.

    • Create New Slider
    Create New Slider

    Final display of The Power Of Great Design Section

    Final display of header

Setup offer Section

    In order to proceed with this sections.
  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> offer Section
    • set about us section set about us section set about us section

    Final display of Setup offer Section

    Final display of Brand Section

Testimonial Section

  • Install te-print-shop-pro-posttype to get started with the Testimonial Section.

  • Step 1 - Go to Dashboard >> Testimonial >> Add New

    • set Team section

  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Theme Settings >> Testimonial Section

    • set Team section

    set Team section

    Final display of Testimonial Section

    set Blog section

Blog Section

    In order to proceed with this sections.
  • Step 1 - Go to Dashboard >> Posts >> Add New
    • set Team section
    set Team section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Blog Section
    • set Team section

    Final display of Blog Section

    set Blog section

Setup Newsletter Section

    To Setup Contact Page, you must first upload and activate the contact form 7 plugin.

    The contact option will appear on the dashboard after installation.

    In order to proceed with this sections.
  • Step 1 - Go to Dashboard >> Contact >> Add New
  • (c) Click Add New

    • In order to proceed with this sections.

    set Team section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Newsletter Section
    • set Team section

    Final display of Newsletter Section

    set Blog section

Setup Contact Section

  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >> Contact
    • set Team section

    Final display of Contact Section

    set Blog section

Footer Widgets

    In order to procced with this section,

  • Step 1 - Go to Dashboard >> Appearance >> Widgets
  • Step 2. Select Footer
  • (a) Footer One
  • (b) Footer Two
  • (c) Footer Three
  • (d) Footer Four
  • (ii) Click on "save" button
    • set Footer section
  • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >>Footer
    • set Footer section
    set Footer section

    Final display of Footer Section

    set Footer section

Setup Copyright Text

    • Step 1 - Go to Dashboard >> Appearance >> Customize >> Themes setting >>Copyright
      • select template select template

    Final display of Copyright Text.

    Final display of Brand Section

Inner Pages

Setup Contact Page

    To Setup Contact Page, you must first upload and activate the contact form 7 plugin.

    The contact option will appear on the dashboard after installation.

  • Step 1 - Go to Dashboard >> contact >> add new
    • set Newsletter section
  • Step 2 - Go to Dashboard >> Appearance >> Customize >> Themes Settings >> Contact
    • set Brand section
    set Brand section set Brand section

    Final display of Contact Page.

    Final display of Brand Section

Page With Left Sidebar -

  • Step 1. Go to Dashboard >> Page
  • Step 2.Click Add New button
  • Step 3 - Add Page Name
  • Step 4. select Page With Left Sidebar template at right bottom of page
  • Step 5. Click publish button
    • select Page With Left Sidebar template

    Page With Left Sidebar Inner Page

    select Page With Left Sidebar template

Page With Right Sidebar -

  • Step 1. Go to Dashboard >> Page
  • Step 2. Click Add New button
  • Step 3 - Add Page Name
  • Step 4. Select Page With Right Sidebar template at right bottom of page
  • Step 5. Click publish button
    • select Page With Right Sidebar template

    Page With Right Sidebar Inner Page

    select Page With Right Sidebar template

Blog

Full Width Blog -

  • Step 1. Go to Dashboard >> Page
  • Step 2. click Add New button
  • Step 3 - Add Post Name
  • Step 4. select Blog Full Width template at right bottom of page
  • Step 5. click publish button
    • select Blog Full Width template

    Blog Full Width Inner Page

    select Blog Full Width template

Blog With Left Sidebar

  • Step 1. Go to Dashboard >> Page
  • Step 2. click Add New button
  • Step 3 - Add Post Name
  • Step 4. select Blog With Left Sidebar template at right bottom of page
  • Step 5. click publish button
    • select Blog With Left Sidebar template

    Blog With Left Sidebar Inner Page

    select Blog With Left Sidebar template

Blog With Right Sidebar

  • Step 1. Go to Dashboard >> Page
  • Step 2. click Add New button
  • Step 3 - Add Post Name
  • Step 4. select Blog With Right Sidebar template at right bottom of page
  • Step 5. click publish button
    • select Blog With Right Sidebar template

    Blog With Right Sidebar Inner Page

    select Blog With Right Sidebar template

Shortcodes

A shortcode is a useful tool for creating content. http://codex.wordpress.org/Shortcode.Shortcodes are simple to use. First and foremost, ensure that the editing mode is set to Visual.

All Shortcode

Testimonials Shortcode: [t-shirt-ecommerce-pro-testimonials]