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:
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.
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.
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.
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.
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.
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.
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.
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).
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
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).
+ 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.
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.
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).
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
+ 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
You can do the same thing as Customize product category page.
You can do the same thing as Customize product category 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
+ 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).
+ 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.
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.
Do you like our work? Want to get in touch? Use the form below!
Mail Team: teammysterious9x@gmail.com
