The Divi Shop module allows you to display the products in lots of different ways but it doesn’t let you display the Categories.
To do this add the Woo Category shortcode [product_categories] to a Code module. You will get this…
I have added the following CSS to the page style sheets to center the text, enlarge it and remove the product count.
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1.5em;
text-align: center;}
mark.count {
display: none;
}
We used CSS styles and shortcode for WooCommerce on the following sites:
Using WooCommerce Categories on a Page in Divi
Integrating WooCommerce categories directly onto a page in Divi is a simple way to enhance navigation and improve the user experience. Displaying product categories helps visitors find relevant products faster, which can increase engagement and sales. Fortunately, Divi’s flexibility allows you to showcase categories in various layouts using built-in modules, custom shortcodes, or third-party plugins.
To begin, you can use the WooCommerce Product Module available within Divi Builder. This module lets you display categories by selecting the category filter, enabling you to show products from specific groups. You can also use WooCommerce shortcodes, such as [product_categories], to create a more tailored category display. By combining this shortcode with Divi’s Text or Code Modules, you have full control over the page’s design.
For more advanced customisation, third-party plugins like Divi BodyCommerce provide additional options for designing category pages. Custom category pages can feature grids, carousels, or lists, depending on your design goals.
Using WooCommerce categories not only improves product discoverability but also benefits SEO. Search engines can crawl structured category pages more easily, which can improve your ranking. By optimising your layout and using targeted keywords within category titles and descriptions, you create a well-structured, user-friendly page that enhances both SEO and sales conversions.