Overview:
In this guide, I explain how to use Divi Machine’s Archive Loop feature together with Divi Library layouts (Dynamic Modules) to create fully customized archive loops.
You’ll learn how to loop any row, section, or saved layout, and apply your own custom design to each item in the archive.
This tutorial also covers how to build a custom single post layout and display it inside the archive loop using Divi Machine’s dynamic features.
Step 1 – Create a Custom Loop Layout in the Divi Library
- Go to Divi → Divi Library → Add New.
- Choose “Layout”, “row”, “section” or “module” as the type and name it.
- Open in the Divi Builder and design a single post item layout with modules like Thumbnail, Post Title, ACF Item, Post Meta, etc.
- Save your layout.
Step 2 – Create or Edit the Archive Page / Theme Builder Template
- Go to Divi → Theme Builder → Choose your created template where you want to add your custom loop ( if you want to add loop in page so just edit that page with divi builder)
- Inside the body area, insert the module “Archive Loop – Divi Machine”.
Step 3 – Configure the Archive Loop Module
- In the module settings (Content tab):
– Post Type: Choose your CPT.
- Custom Loop Layout: Select the layout you created in Step 1.
- Configure options like number of posts, order, taxonomy filters, pagination, and load more settings.
- Then set sorting using sorting option.
- Then set pagination or load more option.
- Added grid layout with masonry support, grid/list view switcher, device-based column controls, and adjustable grid gap.
Step 4 – Preview & Publish
- Save the Theme Builder template or page.
- Preview it on the front-end and confirm your custom layout appears correctly.
- Verify your options and sorting if added.
- Adjust design spacing and responsiveness if needed.
Key Tips
- The Custom Loop Layout defines what one item looks like; the Archive Loop repeats that layout.
- Don’t place the Archive Loop inside the Custom Loop Layout.
- Clear cache and regenerate Divi static CSS if needed.
