Skip to main content
Version: Divi 5

Modules

Overview​

Divi Ajax Filter provides specialized modules that work together to create dynamic, filterable archive pages and custom loop layouts. These modules integrate seamlessly with Divi 5's architecture to deliver fast, no-reload filtering experiences for posts, products, and custom post types.

Available Modules​

Archive Loop Module​

The Archive Loop module renders query results such as posts, products, or custom post types with pagination and AJAX updates. It's the foundation for creating filtered archive pages.

Key features:

  • Display posts using Loop Templates or custom Loop Layouts
  • Built-in pagination and load more functionality
  • Automatic AJAX updates when connected to Filter Posts
  • Compatible with both Archive Loop templates and standard pages

Learn more about Archive Loop →

Filter Posts Module​

The Filter Posts module adds interactive filtering controls to your archive pages. Visitors can refine results by categories, tags, custom fields, prices, and more—all without page reloads.

Key features:

  • Multiple filter types (taxonomy, search, range, date, WooCommerce)
  • Flexible display options (dropdown, checkbox, radio, slider, swatch)
  • Advanced Custom Fields (ACF) integration
  • Conditional logic for dynamic filter visibility
  • Mobile-optimized with toggle options

Learn more about Filter Posts →

Related documentation:

Thumbnail Module​

The Thumbnail module displays the featured image for each post or product in a loop layout. It's designed to be used as a component within Custom Loop Layouts saved in the Divi Library.

Key features:

  • Control image size and linking behavior
  • Placeholder image support for posts without featured images
  • Optional overlay effects with color and icon
  • Image flip hover effect (requires ACF)

Learn more about Thumbnail Module →

Loop component

This module is a loop component, not a standalone module. Use it inside Custom Loop Layouts that are applied to the Archive Loop module.

Post Title Module​

The Post Title module displays the title for each post or product in a loop layout with full control over HTML semantic structure and styling.

Key features:

  • Choose HTML heading tag (H1-H6, P, DIV, SPAN) for proper SEO
  • Link titles to single post/product pages
  • Support for both post titles and category titles
  • Full typography and styling control

Learn more about Post Title Module →

Loop component

This module is a loop component, not a standalone module. Use it inside Custom Loop Layouts that are applied to the Archive Loop module.

How Modules Work Together​

Archive Pages with Filtering​

For filterable archive pages, you'll typically use:

  1. Archive Loop - Displays the posts/products
  2. Filter Posts - Provides the filtering controls
  3. Both modules communicate via AJAX to update results without page reloads
┌─────────────────────────┐
│   Filter Posts Module   │ ← User selects filters
│  (Categories, Price,    │
│   Tags, etc.)           │
└───────────┬─────────────┘
            │ AJAX
            ▼
┌─────────────────────────┐
│   Archive Loop Module   │ ← Updates results
│  (Displays filtered     │
│   posts/products)       │
└─────────────────────────┘

Custom Loop Layouts​

For custom loop item designs, you'll use:

  1. Archive Loop - Container that displays the loop
  2. Custom Loop Layout - Saved in Divi Library, contains:
    • Thumbnail Module - Featured image
    • Post Title Module - Post/product title
    • Other Divi modules as needed
Archive Loop Module
  └─ Custom Loop Layout (from Divi Library)
       ├─ Thumbnail Module
       ├─ Post Title Module
       ├─ Text Module (for excerpt)
       └─ Button Module (for read more)

Module Compatibility​

Loop Builder vs Custom Loop Layouts​

  • Archive Loop - Compatible with both Loop Templates and custom Loop Layouts
  • Thumbnail Module - Compatible with Custom Loop Layouts only (not Loop Builder)
  • Post Title Module - Compatible with Custom Loop Layouts only (not Loop Builder)

WooCommerce Integration​

The following modules have WooCommerce-specific features:

  • Filter Posts - Product attributes, price range, stock status, weight, rating filters
  • Archive Loop - Product-specific Loop Templates

What's next?​

Getting Started​