WooCommerce product grid



Add module borders with this free Divi layout

This free Divi layout download is from the Elegant Themes blog post “How to Create a Dynamic & Vibrant Product Grid for Your Divi Landing Page”.

The layout is available to download from the blog post for free. The post will also show you how to create a unique WooCommerce product grid using some of the 16 new Divi Woo modules. These modules allow you to not only use the Divi Builder and Woo modules on your product pages but anywhere on your website.

How to download from the Elegant Themes blog

download divi layout JSON

To download the Divi JSON layout file for this tutorial you will need to enter an email address into the subscription box on the Elegant Themes blog post. If you are already signed up to the mailing list you will still need to add your email to the form, but you will not be re-added to the list.

How to import the layout to your Divi website

To import the layout to your Divi website you will need to extract the .JSON file from the zip file you download and either import to your Divi library or drag-and-drop the file into your Divi Builder page.

Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting Divi Theme Examples.


There are no reviews yet.

Be the first to review “WooCommerce product grid”

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.