Divi includes a Woo Products module (formally called the Shop module), which can display a grid of products from your WooCommerce store. The heights of the products can vary depending on their contents, leading to an uneven grid. Here's how to equalize the heights of...
woocommerce
Add an "Add to Cart" Button to the Woo Products Module
Divi includes a WooCommerce Products module (formally called the Shop module), which can display a grid of products from your WooCommerce store. Here's how to add an "Add to Cart" button to the products in the products module, and some tips for configuring these...
Filtering the Divi Shop Module
Divi comes with a collection of modules for WooCommerce (and newer cart & checkout modules). One of these is the Divi shop module which allows WooCommerce products to be displayed in a grid, similar to the blog module and portfolio module. One thing currently...
WooCommerce Product Price Shortcode
Here's the PHP code for adding a custom shortcode to your site, which will output the price of a given WooCommerce...
Disable WooCommerce Marketplace Suggestions
WooCommerce shows suggestions for products from its marketplace, within the WordPress admin area. If you'd like to disable these Marketplace Suggestions, here are several ways to do so.Disable Marketplace Suggestions from the WooCommerce Settings The Marketplace...
Hide Empty WooCommerce Cart in Divi
When WooCommerce is active on a site running the Divi theme, Divi will display a cart icon in the header. Clicking on this cart will take the the user to the checkout. If you don't want users clicking through to an empty checkout page, you can hide the cart icon while...
Remove Sidebar on Woocommerce Product Pages
By default, the Divi Theme will display a sidebar on Woocommerce product pages. Here's how you can hide / remove the sidebar. Hiding the Sidebar using CSS You can use the following CSS to hide the sidebar from your Woocommmerce product pages and center the product...
Changing the WooCommerce Cart Icon
The Divi Theme has support for WooCommerce built-in and will display a cart icon in the header when products have been added to the cart. The default icon is a shopping cart. Here's how to change it to something different.Using a Different Built-in Icon The cart icon...
Changing the WooCommerce Cart Item Count Text
If you setup a WooCommerce store on the Divi Theme, the header will display a count of the items in the user's cart. The text for this will be of the form "2 Items". If you’d like to change this text, e.g. to translate it into another language, you can use the...