In this article, we will have a look at all of the WooCommerce Builder plugin settings and how to set the default layouts for products, categories, tags, cart, checkout, my account, login…
After installing and activating the plugin, a new page will be added to your admin menu, Wc Builder.
Under the Products tab, you can set the general default layout and also set different layouts to be used for products based on their categories.
1- General default layout: This is the layout to be used for all of your products at once, you don’t have to build a layout for every single product you have. Just select the layout and you are done!
2- Based on the product category: Under this option, you will have a full list of WooCommerce products categories, next to each one, you have a drop-down menu of all of the saved layouts in your Divi Library, select the layout you want and all products under this category will use this layout and override the general default one.
3- Make Fullwidth Rows 100% width: By default, when you make a row full-width in Divi Builder, it’ll be 80% width only. Activating this option will force the row to be 100% width. This option affects product pages only.
Shop & Archive
Under the Shop & Archive tab, you have the options to set the default layout for all product categories, all product tags, the Shop page, and the products search results page.
For WooCommerce products, you have the categories and tags, the default WooCommerce archive design is very basic, just a list of products without any touch of beauty. Today, with the release of WooCommerce 2.0, we have given you the ability to build these archive layouts using Divi Builder.
If you have tons of Categories and Tags and you want to build one beautiful layout for all of them at once, you can do that very easily; build a layout in the Archive Builder or Divi Library and select it as the default for categories and tags.
1- Default Categories Layout: this is the default layout to be used for all products’ categories. You’ll have a drop-down menu of all saved layouts in the archive builder and Divi Library.
2- Default Tags Layout: this is the default layout to be used for all products tags. You’ll have a drop-down menu of all saved layouts in the archive builder and Divi Library.
3- Shop Page Layout: here select a layout to be used for the Shop page. It is important to know that editing the shop page itself ( under Pages -> Shop ) will break WooCommerce workflow and will cause issues to your website, for that reason, keep the shop page itself empty and use this option to customize the shop page as you like.
4- Search Page Layout: select the layout to be used for the products search results page.
5- Make Fullwidth Rows 100% width: By default, when you make a row full-width in Divi Builder, it’ll be 80% width only. Activating this option will force the row to be 100% width. This option affects product archive, shop, and search pages only.
Here you can set the default layout for the cart page when it has products or when it is empty.
1– Default Cart Layout: is the layout for the cart page when it has products.
2- Empty Cart Layout: is the layout to be used on the same cart page but when the client didn’t add anything to the cart yet.
Checkout & Thank you Pages
1- Checkout Layout: this is the layout that will be used for the checkout page.
2- Thank You Layout: is the layout to be used for the order received page.
My Account & Login/Register Pages
1- My Account Layout: is the layout to be used for the account page.
2- Login/Register Layout: is the layout to be used for the customer login page.