24 docs tagged with "product-loop"

Add and configure the ARP Product Loop module to display products on shop, category, tag, and search results pages with custom loop layouts.

Fix the default one-column mobile layout in BodyCommerce Product Loop by adding CSS to set a custom column count for any screen size.

Step-by-step guide to building a horizontal product filter layout with custom loop, filter posts, and product loop modules in Divi BodyCommerce.

Set up category-specific product displays in Divi BodyCommerce by creating a Divi Library layout and assigning it to product categories.

Add and configure the LL View Product Button module in your Divi BodyCommerce custom loop layout to link customers directly to product pages.

Make all product thumbnail images the same size in the Divi BodyCommerce Product Loop using CSS object-fit to enforce a consistent aspect ratio.

Prevent WooCommerce product thumbnails from stretching to fullwidth in Divi BodyCommerce by adding CSS to set auto width and center alignment.

Reference list of all Divi BodyCommerce modules available for use inside the Custom Loop Layout, including thumbnail, title, price, and more.

Set up and style custom pagination for WooCommerce product loops in Divi BodyCommerce with load more buttons, infinite scroll, and numbered pages.

Add and configure the PL Add To Cart module in Divi BodyCommerce to display an add-to-cart button on product pages and custom loop layouts.

Add and customize the PL Attributes module in Divi BodyCommerce to display WooCommerce product attributes inside your custom loop layout.

Add and style the PL Meta module in Divi BodyCommerce to show product categories, SKU, and tags on product pages and custom loop layouts.

Add and configure the PL Price module in Divi BodyCommerce to display WooCommerce product prices on product pages and in custom loop layouts.

Add and style the PL Rating module in Divi BodyCommerce to display product review stars on product pages and inside custom loop layouts.

Add and configure the PL Short Description module in Divi BodyCommerce to show the WooCommerce product excerpt on product pages and loop layouts.

Add and style the PL Stock Status module in Divi BodyCommerce to display product availability on product pages and in custom loop layouts.

Add and customize the PL Title module in Divi BodyCommerce to display the WooCommerce product title on product pages and in custom loop layouts.

Enable and configure the PL Wishlist/Compare module in Divi BodyCommerce to add wishlist and product comparison features to your WooCommerce store.

Display only on-sale WooCommerce products using the Divi BodyCommerce Product Loop and Product Carousel modules.

Build a category page template in the Divi Library to display products filtered by category using the BodyCommerce Product Loop module.

Build your WooCommerce shop page layout in the Divi Library using the Product Loop module and your custom loop layout with BodyCommerce.

Create and apply custom loop templates in Divi BodyCommerce to control the layout of product listings using the ARP Product Loop module.

Use premade loop templates in Divi BodyCommerce to quickly style your WooCommerce product loops with the ARP Product Loop module.

Learn what the Custom Loop Layout is in Divi BodyCommerce and how to build a reusable product card in the Divi Library.