Learn how to create dynamic Loop Grid and Loop List layouts for your Custom Post Types using the Divi Machine plugin. This guide walks you through building custom archive templates, styling your loops, and enabling powerful features like pagination, “Load More,” or infinite scroll. Perfect for Divi users who want to display CPT content in a modern, flexible, and fully dynamic way—without writing custom code.
This guide walks you through a clean, step-by-step process to fetch and display CPT content in Loop Grid or Loop List Using Divi Machine with Pagination or Load More.
What You Need
Before getting started, make sure you have:
– Divi Theme
– Divi Machine plugin
– A Custom Post Type (CPT)
Step 1: Create Your Custom Post Type (CPT)
You can create a CPT with CPT UI plugin or by using custom code.
Example: Projects
Step 2: Add Projects
Go to: Projects → Add New
Add title, description, featured image then publish post.
Step 3: Create one Projects listing in Divi Library
Go to: Divi → Divi Library → Add New Layout
=> Add Layout name
=> Select Layout type
=> Then edit that layout in divi library.
=> Please include the Post Title module, Image module, and Post Content module in the listing layout, and specify which modules need to be added in the listing.
Step 4: Build Archive CPT Template in Divi
Go to: Divi → Theme Builder → Add Template → Assign to Projects.
Click Edit with Divi.
Add Post Title and Post Content using Divi Machine modules.
Design your layout as needed.
Step 5: Then Archive CPT Template
=> Add divi machine archive loop module
Then, in the Divi Archive Loop, select your post type (e.g., Projects) and choose the template you previously created in the Divi Library (e.g., Project List).
Then go to archive module Grid option and select grid option and select grid column.
If you select more than one in grid column it show grid view and select one it show list view.
Then, go to the Element Options in the Archive Loop module to enable Load More or Pagination.
Step 6: Save and Test
Open your Archive page to preview the results.
All posts displayed using the layout you configured, with Pagination or the Load More button working as expected.
Conclusion
With Divi Machine, showcasing custom post types through flexible loop layouts becomes simple and powerful. To build a high-performing WordPress website with custom development, Book a Free Consultation.
