This is a step-by-step guide to setting up WooCommerce Customize Product Layout for WPBakery Page Builder WordPress Plugin by Mysterious Team

In this article, we will go through sections:

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-product-layout-builder-for-visual-composer 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?

With WooCommerce Customize Product Layout for WPBakery Page Builder plugin, you will easily create WooCommerce product pages to your style with WPBakery Page Builder. Makes it easy to convey your mentions in the best way.

SHOP PAGE BUILDER

Present your site’s Shop in the most organized and intuitive order so that your customers can easily find the product they need. This helps make the first sight hook to your potential buyers.

PRODUCT CATEGORY PAGE BUILDER

Present your site’s product category page in the most organized and intuitive order so that your customers can easily find the product they need. This helps make the first sight hook to your potential buyers.

PRODUCT DETAIL PAGE BUILDER

Showcase any single product page in the exact order to your style, with sortable elements of WPBakery Page Builder such as brand, product name, SKU, price, rating, sharing, size chart, add-to-cart button, recommended items, etc.

PRODUCT TAG PAGE BUILDER

Present your site’s product tag page in the most organized and intuitive order so that your customers can easily find the product they need. This helps make the first sight hook to your potential buyers.

PRODUCT BRAND PAGE BUILDER

Present your site’s product brand page in the most organized and intuitive order so that your customers can easily find the product they need. This helps make the first sight hook to your potential buyers.

PRODUCT ATTRIBUTE PAGE BUILDER

Present your site’s product attribute page in the most organized and intuitive order so that your customers can easily find the product they need. This helps make the first sight hook to your potential buyers.

CUSTOMIZE SHOP PAGE

Access WooCommerce >> Product Layout menu, at Shop templates tab you will see all shop templates

ADD NEW SHOP TEMPLATE

1. Click Add Template button and 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.

USE THE TEMPLATE

To use the template for your 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).

CUSTOMIZE PRODUCT CATEGORY PAGE

Access WooCommerce >> Product Layout menu. At  Product category templates tab, you will see all the product category templates

ADD NEW PRODUCT CATEGORY 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.

USE THE TEMPLATE

There are 2 ways to use a template for product category, if you want to use the template for all product category pages then you can do the way 1, or you can use the specific template for a specific product category page then you can do it by way 2.

1. Use the template for all product category pages

To use the template for all product category pages, you just need to hover your mouse over the template and click the Activate button.

And now, all product category pages are using the template (template has been activated).

2. Use the specific template for specific product category

+ First, create the templates you want to use.

+ Go to the product category edit page, and at here you will select a template via Template option.

CUSTOMIZE PRODUCT DETAIL PAGE

Access WooCommerce >> Product Layout menu, here you will see all product templates

ADD NEW PRODUCT 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.

USE THE TEMPLATE

There are 3 ways to use a template for product detail page:

Way 1: If you want to use the template for all product detail pages then you can do the way 1.

Way 2: If you want use the specific template for product detail pages belongs to the specific category then you can do Way 2.

Way 3: If you want use the specific template for for a specific product detail page then you can do the Way 3.

1. Use the template for all product detail pages

To use the template for all product detail pages, you just need to hover your mouse over the template and click the Activate button.

+ And now, all product detail pages has used the template (template has been activated).

2. Use the specific template for product detail pages belongs to the specific category

For example: You have the product category is Clothing with 3 products: Happy Ninja, Ship Your Idea, Woo Logo. If you want the product pages (3 products) in the Clothing product category to use Clothing template Template then you will:

+ First, create the templates you want to use

+ Go to the product category edit page, and at here you will select a template via Product Template option.

+ And now, the product detail pages belongs to product category (Clothing) using the template have been selected.

SCREENSHOT

Product detail page: Happy Ninja

Product detail page: Woo Logo

3/ Use the specific template for a specific product detail page

+ First, create the templates you want to use

+ Go to the product edit page, and at here you will select a template via Template option.

+ And now, the product detail pages using the template have been selected.

SCREENSHOT

Product detail page: Woo Album #1

Product detail page: Ship Your Idea

CUSTOMIZE PRODUCT TAG PAGE

You can do the same thing as Customize product category page.

CUSTOMIZE PRODUCT BRAND PAGE

You can do the same thing as Customize product category page.

CUSTOMIZE PRODUCT ATTRIBUTE PAGE

Access WooCommerce >> Product Layout menu. At Product attribute templates tab, you will see all product attribute templates

ADD NEW ATTRIBUTE TEMPLATE

You can do the same thing as Customize product category page.

USE THE TEMPLATE

There are 2 ways to use a template for product attribute, if you want to use the template for all product attribute pages then you can do the way 1, or you can use the specific template for for a specific product attribute page then you can do it by way 2.

1. Use the template for all product attributes pages

+ To use the template for all product attributes pages, You just need to hover your mouse over the template and click the Activate button.

And now, all product attribute pages has used the template (template has been activated).

2. Use the specific template for specific product attribute

+ First, create the templates you want to use.

+ Go to the product attribute edit page, and at here you will select a template via Template option.

+ And now, the product attribute pages using the template have been selected.

SCREENSHOT

Color Attribute pages use the template : Color template.

Size Attribute pages use the template : Size template.

Guiding video on how to install and Use

If you use WPML Language, Our plugin compatible with WPML language

NOTE:  If you use Polylang Language, You can do the same thing as video demo with WPML Language.

Contact Us

Do you like our work? Want to get in touch? Use the form below!


    Mail Team: teammysterious9x@gmail.com

    We Are Social