Nowadays, we’re freeing the primary of 2 batches of WooCommerce modules for Divi 5.
This primary and extra important batch contains 17 of Divi’s 25 Woo modules, protecting the entire modules you want to construct customized product and class pages.
We’ll end the remainder cart and checkout modules over the following couple of weeks and release the Public Beta in a while after. Everyone seems to be itching to get their arms on those modules, so we’re freeing what’s able.
Take a look at the next video to peer the brand new function in motion. 👇
Woo Product Modules
You probably have been the usage of Divi 5 with WooCommerce, you’ll know that every one of Divi’s Woo modules are already to be had to be used in backward compatibility mode and can also be discovered within the Woo folder when including new modules to a web page.
With nowadays’s replace, you’ll to find that all these modules now not have the legacy label and can now not run in backward compatibility mode. The local Divi 5 variations of those modules are sooner and more straightforward to make use of.
Those modules come with:
- Breadcrumbs – Shows a navigational breadcrumb path to assist customers perceive their location throughout the retailer.
- Realize – Displays WooCommerce device messages akin to cart updates, mistakes, or confirmations.
- Upload To Cart – Renders an “Upload to Cart” button for the present product with non-compulsory amount controls.
- Merchandise – Shows a customizable grid of WooCommerce merchandise.
- Comparable Merchandise – Displays merchandise similar to the present merchandise in line with WooCommerce’s similar merchandise settings.
- Product Description – Outputs the primary long-form description for the present product.
- Product Gallery – Shows the gallery of extra product pictures in both grid or slider layout.
- Product Photographs – Displays the primary featured product symbol, with non-compulsory zoom or lightbox results.
- Product Knowledge – Shows the “additional info” for a product.
- Product Meta – Outputs product metadata akin to classes.
- Product Worth – Shows the present product worth.
- Product Ranking – Displays the typical megastar score and selection of evaluations for the present product.
- Product Evaluations – Shows an inventory of shopper evaluations with an choice so as to add new ones.
- Product Inventory – Displays inventory availability messages akin to “In inventory” or “Out of inventory.”
- Product Tabs – Shows WooCommerce’s default product tab structure for description, additional info, and evaluations.
- Product Name – Outputs the present product’s identify as a heading.
- Product Upsell – Displays upsell merchandise to inspire higher-value purchases.
That’s numerous modules, and only some stay!
Woo Product Record Module
The Woo Product module can create lists of goods and customized product class pages.
To get much more ingenious, you’ll be able to use Divi’s new Loop Builder to question WooCommerce merchandise and construct product loops of any kind and elegance, breaking unfastened from the Woo Product module’s static construction.
Construct your loop template, enabling looping, question the product submit kind, and plug dynamic product information into the loop.
Woo Product Web page Modules
The remainder of Divi’s Woo modules can create customized product pages. They supply each construction block and can also be totally custom designed the usage of Divi’s wide variety of design settings. You may have entire ingenious freedom to become independent from of usual WooCommerce product templates.
On the subject of expanding gross sales, there’s not anything extra necessary than a shocking and compelling product web page!
Take a look at some stunning product pages our design workforce created the usage of those new modules.
Check out Divi 5 Nowadays
Woo product modules are to be had for Divi 5 nowadays and are one of the options coming to Divi this yr.
You’ll apply alongside as we growth in the course of the ultimate unlock of Divi 5 and past, with updates each two weeks. Relying in your priorities, you’ll be able to use Divi 5 now to construct new internet sites or wait till we upload extra options, no matter works right for you.
As defined in Divi 5’s unique multi-phase unlock agenda, the Divi 5 Public Alpha is like “Divi 5 Lite.” It’s lacking a couple of options and will not be appropriate for present internet sites, but it surely’s able for use on new internet sites when you desire the enjoy to Divi 4.
We wish you to take a look at it, and when you like it, use it; when everybody loves it, we’ll make it legit.
Have You Attempted The Staff Carousel Module?
In the event you neglected it, we not too long ago launched 3 new modules for Divi 5, together with the much-requested Staff Carousel module. This module means that you can create any form of carousel or slider, together with post-based carousels, the usage of Divi 5’s new loop builder. We additionally added a Lottie module for simple JSON-based animations and an Icon Record module for simple listing introduction.
Watch this video for the entire main points. 👇
Extra Divi 5 Updates Are On The Manner
2025 is the yr of Divi 5. The tedious paintings is in the back of us. We constructed the super-fast basis, and now it’s time for Divi to make its comeback.
If you happen to’re right here for the Divi comeback, do us an enormous prefer and tell us by way of liking this video and leaving a remark. It way so much to us to peer you cheering Divi on, and it’s very important to feed the set of rules and unfold the phrase.
Don’t omit to apply us on YouTube and subscribe to the Divi publication so that you by no means pass over an replace. I’ll see you quickly for some other Divi 5 function announcement, which I promise will likely be proper across the nook. 😁
The submit Introducing WooCommerce Product Modules For Divi 5 seemed first on Chic Subject matters Weblog.
WordPress Web Design