Using The Divi WooCommerce Builder On Product Pages
Enable the Divi Builder
When you have your WooCommerce product information filled in such a description, featured image, price, and so forth, you can then click on the button to use the Divi Builder.
A new dropdown appears on the firth hand side, but make sure you leave that setting on “Build from Scratch.” If you choose “default,” it will break the page. I have reported this to Elegant Themes.
There is also main setting in Theme Options>Builder that I discovered.
You will be pleased to see that the “Build from Scratch” is not accurate at all. What actually happens is that the entire page that was normally built with WooCommerce now has all of its elements wrapped in the appropriate new Divi modules. For example, the title automatically becomes the Woo Title module, the gallery becomes the Woo Images module, and so forth. There are 16 new Woo modules in total.
Using the Woo Modules is just like using any other Divi Builder module. They have the same interface and very similar design options. Of course, the tabs have come custom settings depending on which module it is.
Using The Divi WooCommerce Builder On Any Page
One of the surprise features is the dynamic content that can allow elements of a product to be added to any page of the website. For example, you can add a product title or add to cart button to the home page and simply select which product to associate with that button. It’s a great feature that has lots of potential.
I’ve added the Woo Title and Woo Add To Cart modules here on a blog post!
Divi LMS Child Theme for LearnDash
Overall, this is a phenomenal update and it is well done. There are some oversights and bugs that need to be fixed, but as this matures it will be an amazing part of the WordPress online shop experience. The Divi Theme Builder will also add more features to this such as templates, sidebar layouts, etc.