Buy now View demo Support

VW Modern Ecommerce Pro

close

System Requirements

We advise you have the following minimum system configuration in your web server theme.

  • WordPress 6.4 or later
  • PHP 8.2 or 8.3
  • MySQL 5.6 (or greater) | MariaDB 10.0 (or greater)
  • Need php ini file configration -
  • post_max_size = 256M
  • upload_max_filesize = 256M
  • max_execution_time = 5000
  • max_input_time = 5000
  • memory_limit = 1000M

Introduction

We appreciate you purchasing our WordPress theme. This article demonstrates several steps of the full configuration and management process for a WordPress website.

What is WordPress CMS?

WordPress is an open source website creation tool that uses PHP and MySQL as its foundation. It is a robust blogging platform and a totally free content management system (CMS). Using this CMS, you may create reliable online applications and websites. To manage it, you scarcely need any technological expertise or understanding. Because of its many benefits, including ease of use and flexibility, WordPress has emerged as the most popular website construction tool on the market. Learn More

A WordPress template: What is it?

A WordPress template serves as the skin for websites built using the WordPress content management system. A WordPress template is incredibly simple to setup. You may quickly modify the appearance of your WordPress website by installing a new template. A WordPress template comes complete with all the necessary source files, and you are free to change and expand it anyway you see fit.

Help and Support

Click here for support:
Support
File Structure

The template bundle that you downloaded is divided into various directories. Let's examine the contents of each folder:

  • Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files
  • "vw-modern-ecommerce-pro_0.0.1.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

My website was operating normally before? Who altered the permissions on the file?

WordPress may be unable to create directories, upload photos, or execute some scripts if file permissions are set incorrectly.

To manage files and create directories on the server, WordPress needs permissions.

  • After that select all folders in root directory and then right click to select ‘File Permissions’.
  • wp-config >> permissions dialog box >> click on checkbox read and write >> Click on the OK button to continue
  • same process repeated for wp-content folder

Template Installation

The process of installing a template is very straightforward and easy.

Within the WordPress interface, all installation procedures may be completed. It facilitates a quick and comfortable process.

There are two ways to complete the installation process.

1-To install a theme using WordPress admin, follow these steps:

To begin, sign into your WordPress admin dashboard and select

1.Visit the Appearance >> Themes.

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

3. When arriving at the themes page, click on the Upload Theme button at the top and upload zip file.

4. WordPress will now proceed with installing your selected theme, and upon completion, you will see a success message that includes options to activate the theme or preview it live.

Congratulations! Your theme has been successfully installed and set up.

2-Theme installation using FTP

The theme can be uploaded using FTP, which is your second installation option. To use this method, first log into your website using FTP and navigate to the wp-content/themes folder. Just extract the Total folder from the theme file you got and upload it to your server.

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

Section Ordering

How to Reorder and Organize Section

To reorder a part simply means to arrange it according to our needs. Drag the segment to the top or bottom as necessary to continue with this section. Your front view will change in accordance with customizer options when you drag any portion to the top or bottom.

You can reorder sections by simply dragging and dropping the options into the desired order.

To proceed with the Section Ordering.

Step 1 Go to Dashboard >> Appearance >> Customizing >> VW Theme Settings >> Section Ordering

Click on "Demo Content Importer" and then "Run Importer".



Section Color and Font Scheme

The method of changing the colour or font is quite simple. These choices are available in all customizer areas. It is a comprehensive graphic that demonstrates the typeface and colour palette. You can change the colour and font of the headings, paragraphs, and buttons with a single glance or click.

Depending on how many options are accessible in a given part, each individual section has the ability to choose the colour scheme for the headings, title/text, paragraph, button text, and button background.

Standard Color and Font settings

Theme Wizard


* Theme Wizard is a new addition to the version (1.1.2)

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

1) Go to Dashboard >> Getstarted

Refer video for Licence key activation:

3) After selecting Setup Wizard, click Start Now.

4) install Plugins.

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

For setting up your demo content based on, you can refer to this video.

Configure a homepage template

Build a home page using the video here:

Theme Configuration

9.3. Setup Main Banner

To proceed with the section setup Go to Appearance >> Customize >> Theme Settings >> Main Banner Section and update the content.


9.4. Configure Product Categories

Use product categories to organize your items and make browsing easier for customers. Follow these steps to create and manage categories:

  1. Open WooCommerce → Products → Categories from your WordPress dashboard.
  2. On the left panel, fill in the Category Name (e.g., “Accessories”).
  3. Optionally, add a Slug for cleaner URLs.
  4. If needed, choose a Parent Category to build a hierarchy .
  5. Upload a Category Image to display in your shop layout.
  6. Click Add New Category to save your changes.
  7. Repeat the process until all required categories are created.

After categories are set up, assign products to them under Products → All Products by editing each product and ticking the relevant category box.

To control how categories appear on the site, go to Appearance → Customize → Theme Settings → Product Categories. Here you can adjust the number of categories shown, their order, and layout style to match your design needs.

Product Categories Settings
Product Categories Display


9.5. Configure Flash Sale

The Flash Sale section allows you to highlight items by category.

  1. Go to WooCommerce → Products → Add New to create a product.
  2. Fill in the product details such as Title, Description, Price, and Image.
  3. On the right panel, select the appropriate tag for the product. tag must be created beforehand (see Product Categories setup).
  4. Publish the product.
  5. Repeat the process for all products you want to display under different tabs.

Navigate to Appearance → Customize → Theme Settings → Flash Sale. Here you can:

  • Choose which categories products should be displayed.
  • Adjust the number of products shown.
Product Tabs Settings
Product Tabs Layout Preview
Product Tabs Display


9.5. Configure Product Tab

The Product Tab section allows you to highlight items by category.

  1. Go to WooCommerce → Products → Add New to create a product.
  2. Fill in the product details such as Title, Description, Price, and Image.
  3. On the right panel, select the appropriate tag for the product. tag must be created beforehand (see Product Categories setup).
  4. Publish the product.
  5. Repeat the process for all products you want to display under different tabs.

Navigate to Appearance → Customize → Theme Settings → Product Tab. Here you can:

  • Choose which categories products should be displayed.
  • Adjust the number of products shown.
Product Tabs Settings
Product Tabs Layout Preview
Product Tabs Display


9.4. Setup Marquee section

To proceed with the Marquee section.

Go to Appearance >> Customize >> Theme Settings >> Marquee and update the content. You can create new one as well.


9.4. Setup Facility section

To proceed with the Facility section.

Go to Appearance >> Customize >> Theme Settings >> Facility and update the content. You can create new one as well.



9.4. Setup explore-products section

To proceed with the explore-products section.

Go to Appearance >> Customize >> Theme Settings >> explore-products and update the content. You can create new one as well.



9.4. Setup Fresh Picks section

To proceed with the Fresh Picks section.

Go to Appearance >> Customize >> Theme Settings >> Fresh Picks and update the content. You can create new one as well.



9.4. Setup Offer Blocks section

To proceed with the Offer Blocks section.

Go to Appearance >> Customize >> Theme Settings >> Offer Blocks and update the content. You can create new one as well.



9.9. Configure Testimonials Section

The Testimonials section is designed to showcase customer feedback or user experiences. Content for this section is managed through a custom post type, making it easy to add, edit, and organize testimonials.

  1. Go to Appearance → Customize → Theme Settings → Testimonials.
  2. Update the section heading, description, and adjust how many testimonials you want to display.
  3. Navigate to Dashboard → Testimonials to manage individual testimonial posts.
  4. Edit the demo testimonial posts provided, or click Add New to create your own.
  5. Fill in the Testimonial Title (usually the customer’s name or company).
  6. Add the Testimonial Content in the editor — this is the feedback text.
  7. Use the meta fields to include extra details such as designation, star rating, or social profile links.
  8. Upload a Featured Image if you want to display the customer’s photo or logo.
  9. Publish the testimonial. Repeat for each testimonial you want to showcase.

Once saved, the Testimonials section will automatically pull content from the custom post type. Meta fields provide structured data like ratings and icons, ensuring a consistent and professional layout across all testimonial entries.

Testimonials Settings
Testimonials Display
Testimonials Post Editor


9.4. Setup Instagram Feed section

To proceed with the Instagram Feed section.

Go to Appearance >> Customize >> Theme Settings >> Instagram Feed and update the content. You can create new one as well.



9.4. Setup Promotional Banner section

To proceed with the Promotional Banner section.

Go to Appearance >> Customize >> Theme Settings >> Promotional Banner and update the content. You can create new one as well.



9.11. Configure Newsletter Section

The Newsletter section allows visitors to subscribe to updates directly from your site. This section is powered by Contact Form 7, making it flexible and easy to customize.

  1. Go to Appearance → Customize → Theme Settings → Newsletter.
  2. Update the section heading, description, and adjust the layout as needed.
  3. Navigate to Dashboard → Contact to manage the newsletter form.
  4. Edit the demo form provided, or click Add New to create a new newsletter form.
  5. Include fields such as Email Address (required) and optional fields like
  6. Save the form and copy its shortcode.
  7. Return to the Newsletter settings in the Customizer and paste the shortcode into the designated field.
  8. Publish your changes to activate the newsletter form on the front end.

Once configured, the Newsletter section will display the subscription form created with Contact Form 7. Submissions will be stored and managed through the plugin, allowing you to collect and organize subscriber details easily.

Newsletter Settings
Newsletter Form Editor
Newsletter Display


Refer video for Setup Footer Widgets:

9.15. Setup Footer Text Section

1.Go to Appearance >>VW Theme setting>> Footer Menu.


Refer video for installation of Contact form 7 Plugin:
Refer video for Setup Social Icons:
Refer video for plugin activation:

Refer video for Setup Navigation Menu:

Page Templates and sidebars

Page Templates

  • Default Template (the default page template with a right sidebar position)
  • Blog with Full Width (a blog templates with one column without sidebar)
  • Blog with Left Sidebar (a blog templates with left sidebar position)
  • Blog with Right Sidebar (a blog template with right sidebar position)
  • Contact (the default Contact template with no sidebar position)
  • Home Page (Template to show home page content)
  • Page with Left Sidebar (a page templates with left sidebar position)
  • Page with Right Sidebar (a page template with right sidebar position)

Post, 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.


Refer video for Create Pages Using Shortcode:

Custom Widgets




Refer video for Setup Footer:

All Important Video.



VW Modern Ecommerce Pro WordPress Theme Documentation © 2026 VWThemes