e-Commerce 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.
    • vw-e-commerce_0.1.zip and vw-e-commerce_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.

Theme installation via WordPress

Install a Theme by using Upload Method from WordPress Admin

The first method that we covered only allows you to install free themes that are available in the WordPress.org theme’s directory. But what if you want to install a commercial “premium” WordPress theme from companies like ThemeLab, StudioPress, iThemes, etc. Or what if you want to install a custom theme? Well in this case, you would need to install the theme using the upload method from your WordPress admin.

Start by downloading the .zip file of the theme that you purchased from a marketplace or a commercial theme provider.

Next login to your WordPress admin area and click on Appearance » Themes.

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

On the next screen, click on the Upload Theme button at the top.

You will be prompted to choose the zip file that you downloaded earlier. Select the file and click Install Now.

Once your theme is installed, you will see a success message along with the link to activate and preview the theme.

Click on the activate button, and you’ve successfully installed and activated your WordPress theme. Depending on the theme, it may add additional settings options that you may need to configure either through the theme customizer or through a separate options panel.


Theme installation via FTP

Template installation is very easy process.

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

Theme installation via FTP

Installing a WordPress Theme using FTP

First installed and setup your FTP program, connect to your host using FTP. You would need to go to the path (/wp-content/themes/). Once you’re there, simply upload your themme’s folder there.

Remember you must unzip the folders before you upload a theme using FTP. Once you have uploaded the theme, you would need to go to your admin area and click on Appearance » Themes.

You should see the theme that you uploaded listed there. Bring your mouse on top of that theme and click on the activate button and you’ve successfully installed and activated your WordPress theme.

Section Color/Font Pallete

Color/Font is very easy process.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 pallete 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

Mega Menu

When you activate the theme, if by default the mega menus appear on top of your theme then to disable this mega menu follow these instructions.

Go to Appearance >> Menus>> Primary Menu.

In your Primary Menu, option for Mega Menu is given at the bottom. You have to first check the mega menu option and click on save menu. After check you have to uncheck the option of mega menu then click on save menu. Refresh the front page and see the changes.

How to set up homepage

Setup Home Page Template

Follow these instructions to setup Home page.

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

    Label it "home" or anything as you wish. Then select template "home-page" from template dropdown.

  • 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 Top Bar Section

In order to proceed with category Section,

Go to Appearance >> Customize >> VW Settings >> Top Bar.

  • In this Section You can Change the background, font Color, font family, text, and your social url links which will appear at the top of your Website.

Setup Slider Section

In order to proceed with Slider Section,

Go to Appearance >> Customize >> VW Settings >> Slider Setting.

  • You can set the number of images on your slider.
  • You can even set the color font-style
  • then, you need to add title, content and the image for respective Slider.

Setup Category Section

In order to proceed with category Section,

Go to Appearance >> Customize >> VW Settings >> Category.

  • You can set the number of category you want to display beside the Slider.
  • then, you need to add title and the image for your content.
  • You can even set background color, font color, border color for your category.

Setup Super Sale Section

In order to proceed with Our Services,

Go to Appearance >> Customize >> VW Settings >> Super Sale.

Here you can add the effects social icon button text, url, and the social media links for the sale.

  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Product Slide Section

In order to proceed with Product Slide,

Go to Appearance >> Customize >> VW Settings >> Product Slide.

  • Here You can Add the tab Color, Mouse Over Effects Background Color/Image.
  • Then you need to type text for title and select the category Accordingly
  • To Create Category go to Posts >> Categories .
  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Best Seller Section

In order to proceed with Best Seller,

Go to Appearance >> Customize >> VW Settings>> Best Seller.

In this section you can set the Image,Title,Sub-Title & Content of Best Seller offered according to your site. Options here are further described according to the sections they belong to :

  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Title Color Option: Contains font color options for specifix section layout.
  • Title Font Option: Contains font style options for specifix section layout.
  • Price Color Option: Contains text color options for specifix section layout.
  • Mouse Over Effect Option: Contains the Color optin when you mouse over that text.

Setup Mens Product Section

In order to proceed with Men Product,

Go to Appearance >> Customize >> VW Settings >> Mens Product.

In this section you can set the Image, Title, Sub-Title & Price of Mens Product offered according to your site. Options here are further described according to the sections they belong to :

You can select the tab color and the tab mouse over color

We also got the background color for the arrow, color option and font-style for the title

Button color, button text style, link on to that Button, background color and the font style can be set.

One can provide title and select category for the tab,

You can create the category for the tab, go to Posts >> Categories .

  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Counter Sale Section

In order to proceed with Counter Sale,

Go to Appearance >> Customize >> VW Settings>> Counter Sale.

In this section you can set the Image, Title, and the time when you want your sale to start.

The Date and Time need to be in Dec 11 2018 11:00:00 Format.

You can also set the color, font-family, border-color, etc



Setup Offer Section

In order to proceed with Offers,

Go to Appearance >> Customize >> VW Settings >> Offer.

In this section you can set the Image, Title for Offers according to your site. Options here are further described according to the sections they belong to :

  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Offer button text color Option: Contains font color options for specifix section layout.
  • Offer Button Text Font Option: Contains Font Family options for specifix section layout.
  • Offer Button Background color Option: Contains background color options for specifix section layout.
  • Offer Button text Option: Contains text options for specifix section layout.
  • Offer Button link Option: Contains url for which you want to redirect the page for specifix section layout.
  • Service Image Option: Contains background image options for specifix section layout.

Setup Client Feedback Section

In order to proceed with Client Feedback,

Go to Appearance >> Customize >> VW Settings >> Client Feedback.

In this section you can set the Image,Title,Sub-Title & Content of client Feedback according to your site. Options here are further described according to the sections they belong to :

  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Client Paragraph Option: Contains Client Reviews options for specifix section layout.
  • Client Paragraph Fonts Option: Contains Font-Family options for specifix section layout.
  • Title Option: Contains Text options for specifix section layout.
  • No. of Content To show Option: Contains numbered text box to display the number of feedback on the screen .
  • Client Feedback Para Option: Contains Reveews from client for specifix section layout.
  • Sponser Image Option: Contains Profile image of client options for specifix section layout.
  • Client Name Option: Contains text options for specifix section layout.
  • Client Detail Option: Contains Text options for specifix section layout.

Setup Subscribe Section

In order to proceed with Subscribe,

Go to Appearance >> Customize >> VW Settings >> Subscribe.

In this section you can set the Image, Title, Sub-Title for Subscribe according to your site. Options here are further described according to the sections they belong to :

  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Enter Contact Form Shortcode: Contains text for entering schort code.

To Find out Shortcode for copying into contact Form Shortcode, go to Menu >> Contact >> Subscribe, you will Find


Setup Latest Blog Post Section

In order to proceed with Latest Blog Post,

Go to Appearance >> Customize >> VW Settings >> Latest Blog Post.

In this section you can set the Image, Title, Sub-Title, font-family, Date & Content of Subscribe according to your site. Options here are further described according to the sections they belong to :

:

  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.

Setup Sponser Section

In order to proceed with Sponser Section,

Go to Appearance >> Customize >> VW Settings >> Sponser.

In this section you can set the Image, Titleof Sponser according to your site. Options here are further described according to the sections they belong to :

  • Setting Options : Includes settings for Service display enable / disable option.
  • Background Color Option: Contains background color options for specifix section layout.
  • Background Image Option: Contains background image options for specifix section layout.
  • Number Of Content To Show Option: In This Option You Can Set the number of Images to show for your sponser section .
  • Sponser Image Option: Contains image options for specifix section layout.

Setup Contact Section

In order to proceed with Contact,

Go to Appearance >> Customize >> VW Settings >> Contact.

In this section you can set the Title, Name of your Organization & Geo-Location in Terms Latitude And Longitude of Contact Section to your site. Options here are further described according to the sections they belong to :




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 Super Sale


Hook Code Product Category Reservation


Hook Code Below Best Seller


Hook Code Below Mens Product


Hook Code Below Counter Sale



Hook Code Below Offers


Hook Code Below Testimonials


Hook Code Below Subscribe


Hook Code Below Blog


Hook Code Below Sponsers




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 default About template with no sidebar position)
  • Page (Full Width) (a page template with one column without a sidebar)
  • Page (Left Sidebar) (a page templates with left sidebar position)
  • Page (Right Sidebar) (a page template with right sidebar position)
  • Blog (Full Width) (a blog templates with one column without sidebar)
  • Blog (Left Sidebar) (a blog templates with left sidebar position)
  • Blog (Right Sidebar) (a blog 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

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.
Click the Publish button.

Creating a Blog post

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. 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:

  • Contact Form[vw-contact_form] - used for email Subscribe input.

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 (vw-title-banner-image.zip and vw-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.

VW-Title-Banner-Image

Once you activate this plugins you will find the below option inside each and every page,post,registered posts etc.

  1. First, you need to choose the banner image that you would like to set on your post/page.
  2. On uploading any file, by default, the title will appear over the banner image.
  3. With the help of this plugin, you can hide the title if you do not want to display it on the banner simply by checking "Hide Title above banner" option.
  4. You can even show the title below the banner image by checking "Show Title below banner" option.
  5. When none of the options is selected and no file is chosen, then the title will be displayed in the default manner.