Introduction

We appreciate you 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 systemCMS, 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 its 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.



Template Installation

File Structure

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

    Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files.
  • "vw-ecommerce-shop.zip" -this folder contains all the necessary files for the theme.
  • "license.txt" -contains license details.
  • "readme.txt" -contain information about theme images path, font use and usage script.
Template installation

Template installation is very easy process.

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

There are two ways to go about the installation process.

1-Install a theme using wordpress admin.

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

1.1 Go To Dashboard >> Appearance >> Themes.

1.2. Once you have reached the page of themes, click on the Add New button.

1.3. To upload a theme press the button

1.4. Press "Upload Theme" button then select your vw-ecommerce-shop.zip theme then click on "install now".

Then, Your theme will be successfully install.


2-Install a Theme using FTP

The following installment choice is to FTP the theme. For this method first log into your site via FTP and browse to your themes folder placed in the wp-content. The theme you downloaded and unzip it and upload only the extracted Total folder to your server.

Next log into on your WordPress blog and browse to access Appearance >> Themes to activate Theme.



Setup Home page Template With Customizer

In order to setup home page with customizer, follow the below steps.

Go To Dashboard >> Pages >> Add New

3.1. Create a new page and name it as "Home" then select the template "Custom Home page".

3.2. you can select static home page by two methods


Method 1. Go To Dashboard >> Settings >> Reading

Select the option of Static Page, now select the page you created to be the Home page, while another page to be your default page.

Method 2. Go To Dashboard >> Appearance >> Customize >> Home Page Settings

Select the option of Static Page, now select the page you created to be the Home page, while another page to be your default page.

Once you have done that, save the settings and now you have a custom Home page. You will now have a custom page being displayed as your Home page.



Setup Social Link

In order to setup the Social Icon Setting, follow the below steps.

Go To Dashboard >> Appearance >> Widgets >> Social Icon

It will appear as such on the front end.


Setup Topbar Section

In order to setup the Topbar Section Settings, follow the below steps.

Go To Dashboard >> Appearance >> Customize >> VW Settings >> Topbar Section

It will appear as such on the front end.


Setup Logo

For Logo

Go To Dashboard >> Appearance >> Customize >> Site Identity



Setup Slider

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

Go To Dashboard >> Pages >> Add New

Add title, content and feature image.

Repeat the above step for two more slider.

Go To Customizer >> VW Settings >> Slider Settings

Select the Pages created for Slider Section.

Select the created pages for slider and Click On Show / Hide Slider Button.

By using Slider Content Layout one can change the layout of slider in right align, left align and center align.

For Category to display All Categories

Go To Dashboard >> Products >> Categories

It will appear like this on the front end.



Setup Trending Products Section

In order to setup the Trending Products Settings, follow the below steps.

  1. First of all, you will need to install Woo Commerce plugin to set up this section.
  2. Go To Dashboard >> plugins >> Add New

  3. After Installing Woo Commerce Plugin, just activate it.
  4. Once you activate woo commerce plugin, you will get to see 'Products' on Admin Navigation.
  5. Go To Dashboard >> plugins >> Add New

  6. Add Products from here which you want show in Trending Products Section.
  7. You can add Product Title and Product Price which you want to show with products.

Go To Dashboard >> Product >> Add New

For All Products Page

Go To Dashboard >> Pages >> Add New

Go To Dashboard >> Appearance >> Customize >> VW Settings >> Trending Products Section

It will appear as such on the front end.



Setup Blog & Post Section

In order to setup the Blog Post Settings, follow the below steps.

Go to Dashboard Appearance >> Customizer >> Homepage Settings >> Select Your Latest Post

Go to Customizer >> VW Settings >> Blog Post Settings

It will appear like this on the front end.



Setup Footer Section

In order to setup the footer section, follow the below steps.

Upload the Classic Widgets plugins, install and activate it.

Go To Dashboard >> Appearance >> Widgets

It will appear as such on the front end.

In this way you can setup Footer section.



Setup Copyright Section

In order to setup the copyright section, follow the below steps.

Go To Dashboard >> Appearance >> Customize >> Vw Settings >> Footer Settings

Here you can change the copyright text.

It will appear as such on the front end.



General Settings

Go To Dashboard >> Appearance >> Customize >> VW Settings >> General Settings >> Width Layouts

By using width layout one can change the website layout in Boxed width, Full Width and in wide width.

It will appear like this on the front end.

It will appear as such on the front end.

Go To Dashboard >> Appearance >> Customize >> VW Settings >> General Settings >> Post Sidebar Layouts

It will appear like this on the front end.

Go To Dashboard >> Appearance >> Customize >> VW Settings >> General Settings >> Page Sidebar Layouts

It will appear as such on the front end.


Theme Typography Settings

Go To Dashboard >> Appearance >> Customize >> Theme Typography

In Theme Typography there are three options

1) Content Typography

2) Headings Typography

3) Global Typography

In Content Typography you can change color, font style, font-size, line height, font-weight, letter-spacing of Paragraph and Anchor tags.

In Headings Typography you can change color, font style, font-size, line height, font-weight, letter-spacing of Headings.

In Global Typography one can change default color of theme completely.

Below Given Screenshot is for Global Typography .In below given example you can see that default color of theme is changed.

It will appear like this on the front end.

WooCommerce Layout Section

In order to setup the WooCommerce Layout section, follow the below steps.

Go To Dashboard >> Appearance >> Widgets

Go To Dashboard >> Appearance >> Customize >> WooCommerce >> WooCommerce Layout

It will appear as such on the front end.

Single Product

Go To Dashboard >> Appearance >> Customize >> WooCommerce >> WooCommerce Layout

It will appear as such on the front end.



Free Vs Premium


Theme Features Totally free themes Superior Themes
Customised Themes
Flexible design
Upload a logo
Links to social media
Slider Options
Slides there are 3 11
Website Templates 3 6
Home page Template 1 1
Theme sections 2 13
Contact us Page Template 0 1
Blog Layout & Templates 0 3 right/left sidebar, full width
Website Templates & Layout 0 2. Right/Left Sidebar
Color Pallete For Particular Sections
Global Color Option
Section Reordering
Demo Importer
Allow To Set Site Title, Tagline, Logo
Enable Disable Options On All Sections, Logo
Complete Documentation
The most recent WordPress compatibility
Compatibility with WooCommerce
Support Third-Party Plug-Ins
Optimised and Secure Code
Exclusive Capabilities
Section Allow / Disable
Google Fonts in Section
Images
Mega and Simple Menu Options
Support for custom CSS and JS
Shortcodes
Custom Background, Colors, Header, Logo & Menu
Premium Membership
Budget Friendly Value
Priority Error Fixing
Custom Feature Addition
All Access Theme Pass
Seamless Customer Support
Affiliate Price Comparison on Product page
Detailed Product Attribution Comparison
Our Services Mega Menu
Newsletter Popup
Shop Page with Filters

Setup Theme With Ibtana Template

In order to setup the theme with the IBTANA template, follow the below steps.

First, activate the VW E-commerce Shop theme.

Create Pages And Setup Menus

  1. Create pages by going to pages first >> A new page was added.
  2. Repeat the above steps for more pages. As you can see, pages were created.

  3. Goto Appearance >> Menus.
  4. Then select create a new menu.
  5. Give your menu a name in the Menu Name field, then click the Save Menu button.
  6. After creating a menu. Pages must be added by checking the appropriate boxes. You can drag and drop the menu list into place after adding it.
  7. Choosing a menu theme location from the below checkboxes.

See this screenshot for better understanding.

Similarly create new menu for right side menu.

In this way, you can setup Menus.



Setup Footer Section

In order to setup the footer section, follow the below steps.

Upload the Classic Widgets plugins, install them, and activate them.

Go To Dashboard >> Appearance >> Widgets

In this way, you can set up the footer section.



1. Go To Dashboard >> Plugins >> Add New

Activate the above plugins.

There are two steps to setting up the theme using Ibtana plugins.

step1. Visit Dashboard >> ibtana settings >> templates

click on preview >> free import

step2. Visit Dashboard >> Pages >> Add New

Visit Dashboard >> Pages >> Add New

Name it as Homepage and select the template as Custom Home.

Below screenshot is for ibtana editor.



Slider Section

In order to setup slider section follow the below steps.

Take product category list for the showing different categories.

take Multiblock Slider.

Now you can add more slides and slider background images.

You can change heading tags, alignment options, font size, and line height through the editor.

You can also change heading colours, hover colors, and spacing settings..



Trending Products Section

In this section, you can added post type slider



Setup Topbar Section

In order to setup the Topbar Section, follow the below steps.

Go To Dashboard >> Appearance >> Customize >> Vw Setting >> Topbar Section



Below screenshot is for ibtana front.

In this way, you can set your theme using the Ibtana template.

Please see Customiser to set up additional pages.



Setup Theme With Block Pattern

In order to setup a theme with a block pattern, follow the below steps.

First, activate the VW E-commerce Shop theme.

Create Pages And Setup Menus

  1. Create pages by going to pages first >> A new page was added.
  2. Repeat the above steps for more pages. As you can see, pages were created.

  3. Goto Appearance >> Menus.
  4. Then select create a new menu.
  5. Give your menu a name in the Menu Name field, then click the Save Menu button.
  6. After creating a menu. Pages must be added by checking the appropriate boxes. You can drag and drop the menu list into place after adding it.
  7. Choosing a menu theme location from the below checkboxes.

See this screenshot for better understanding.


In this way you can setup Menus.


Setup Footer Section

In order to setup the footer section, follow the below steps.

Upload the Classic Widgets plugins, install them, and activate them.

Go To Dashboard >> Appearance >> Widgets

In this way, you can set up the footer section.




Go To Dashboard >> Pages >> Add New

Below screenshot is for block pattern editor.



Banner Section

In order to setup the banner section, follow the below steps.

Take product category list for the showing different categories.

Take cover and add an image for the slider.

You can change text color, font size, etc. through the editor.



Trending Products Section

In this section, you can added different product category



It looks like in editor page



Setup Topbar Section

In order to setup the Topbar Section, follow the below steps.

Go To Dashboard >> Appearance >> Customize >> Vw Setting >> Topbar Section



Below screenshot is for block pattern front.

In this way, you can set your theme using a block pattern.

Please see Customiser to set up additional pages.

close