How to use WooBuilder
Here's a video walkthrough https://vimeo.com/331035440
Step 1 – Add products details into WooCommerce Product as normal. Save or publish the product and then click ‘Enable WooBuilder Blocks”
We’ve built a whole bunch of new blocks that lets you build any layout using the Gutenberg Editor.
WooBuilder Blocks include; add to cart block, product title, product price, short description, product image, product reviews and product meta.
You choose where and if you use them :)
WooCommerce Single Product Blocks included with WooBuilder
You can add these WooBuilder Blocks anywhere within your new WooCommerce Page layout.
Each Block also comes with it’s own set of customization options. For example it’s now easy to change the font, font size, font color of the WooCommerce Product title, and the WooCommerce add to cart.
Step 2 – Create your new design using the Gutenberg Block editor and WooBuilder Blocks
Top tip – to create complex grid layouts for your WooCommerce Product Page then consider using a specialized Gutenberg based layout block like either the Caxton Layout Block, or the Kadance Layout Block.
Step 3 – Publish your new WooCommerce Product page design
You can then use your new WooCommerce Product Page design as a template and apply it to multiple products using categories and tags
How to create Templates and apply them to multiple WooCommerce Products using categories and tags
If you want to apply your new WooCommerce Product Page designs to multiple products then you can use the WooBuilder Template system.
It’s easy to get working and only takes a few minutes. Here’s how it works.
Video walkthrough - https://www.youtube.com/watch?v=Blb8oC0RqE8&feature=youtu.be
Save your template
Name your template
Click on All Templates
Click edit Template
Select your categories to apply the template to