Skip to main content

Grid, list, masonry, and pagination

Divi 5 only

Presentation settings are on Archive Loop. Visitor-facing grid/list toggles are covered in Using the list/grid switcher.

Grid and list

Archive Loop supports grid and list presentations with column counts, gaps, and responsive breakpoints. After Ajax updates, the module reapplies the same layout to the new HTML.

Use list mode for directory-style rows; use grid for card walls and product tiles.

Masonry and equal height

Enable Masonry when card heights vary (mixed excerpt lengths or images). Use Equal height when you want uniform row alignment in a grid. Test both with your library layout—nested modules affect measured height.

Pagination and load more

Choose Pagination, Load more, or Infinite scroll depending on whether you want numbered pages, explicit “show more” actions, or continuous scroll.

Filtered queries keep pagination state in sync with active filters. If page two looks wrong after filtering, confirm the loop and filter share post type and query rules.

Results count

Show a Results count (when enabled) so visitors see how many posts match the current filter set. Pair with reset or selected-filter chips for clarity.

List/grid switcher

When you need visitors to toggle layout, enable the switcher documented in Using the list/grid switcher.

What's next