FREE Product Loop Layouts for Divi BodyCommerce

Download our Product Loop Layout pack for Divi BodyCommerce.

It is FREEBIE FRIDAY and for this edition, we have 2 FREE Minimalist Divi BodyCommerce Product Loop Layouts that have been hand-crafted just for you! Best of all, they are easy to customize to fit your brand or site and can be used with any Divi + BodyCommerce install.

Preview:

Product Loop Version 1
BodyCommerce Product Loop Layout - Masonry
Product Loop Version 2
BodyCommerce Product Loop Layout - List

We’ve got 2 gorgeous FREE Divi BodyCommerce Product Loop Layouts for you this week:

Product Loop Version 1: Card/Masonry

This loop will transform the product image on hover and look great as a grid or masonry layout.

Product Loop Version 2: List

This layout has the same transform happening on the product image and will work fantastic for a list layout.

Using the Custom Divi Header Layouts:

Step 1) Import the layout pack into the Divi Library

Similar to importing any layout pack we release, Import the JSON file directly into the Divi Library. Once it is imported you will see that 2 BodyCommerce Product Loop Layouts have been added to your library.

Step 2) Select the Product Loop Layout you’d like to use in the BodyCommerce Product.

Just edit the Layout where your Product Loop is, Edit the Product Loop Module, and select the Imported Product Loop Layout you’d like to use in the Custom Loop section.

Step 3) Customize the Loops

You can easily customize either of these Product Loops just by editing the imported layout right in the Divi Library. Have fun!

If you loved this FREE Product Loop Layout pack for Divi BodyCommerce, you’ll love our other freebies. Click the link below to see other helpful tools to help you grow both your skills and business.

2 Comments

  1. Just a quick note to say I got it working! I realised that the license key did not save properly in my BodyCommerce, and as soon as I re-added it, everything works perfectly!

  2. Hi, I’m having trouble with this layout pack. After I install it, when I go to edit, the page just spins indefinitely. When I try to edit in visual builder, it says it doesn’t exist. Can you help me?

Submit a Comment

Explore more from Divi Engine