Customize Shop Page For WPBakery Page Builder (Visual Composer) – Documentation

This is a step-by-step guide to setting up Customize Shop Page For WPBakery Page Builder WordPress Plugin by Mysterious Team

In this article, we will go through sections:

Installation of Plugin
How does It work?
All Templates
Add New Template
Use the template
1. Use the template for Shop page
2. Use the loop template for Shop page
Guiding video

LIVE DEMO

Installation of Plugin

The installation of the plugin is just like any other plugin installation for WordPress. Login to your WordPress site and go to Plugins > Add New.
At the Install Plugins Page click on Upload from the top navigation and then click on browse.
Go to the location on your computer where you saved the downloaded plugin zip file and upload customize-shop-page-for-visual-composer.zip zipped file.
Now click on Install Now.
Wait until WordPress has uploaded the file. If it’s done click on Activate Plugin.
Now you should see a message Plugin activated at the top of the window.

How does It work?

After installing and activating the plugin, you will create the templates with your style with WPBakery Builder. If you want to use that templates for Shop page, just select a specific template and click Active button in WooCommerce >> Shop page templates menu.
If you have WPML (or Polylang) Plugin, You can create templates that correspond to the different language pages of the shop. For example: There are two Shop page (Language: English and German). You want Shop page has English Language use English template simply visit the English language menu tab (WPML or Polylang) select the English template and click the Active This Template button. similar that apply for Shop page has Language German if you want use the template. View video demo here

All Templates

Access WooCommerce >> Shop page templates menu. At Shop templates tab, you will see all templates. currently no templates have been created yet (screenshot below)

Add New Template

1. Click Add New button or Add New Template block and then you will be redirected to the add new template page, at here you will add content for template to your style with the WPBakery Page Builder.

2. Click the Publish button to create the template.

1. Use the template for Shop page

To use the template for shop page, You just need to hover your mouse over the template and click the Activate button.

And now, the shop page has used the template (template has been activated).

2. Use the loop template for Shop page

All Loop Templates

Access WooCommerce >> Shop page templates menu. At Loop templates tab, you will see all templates. currently no templates have been created yet (screenshot below)