Archive Loop Module

Written by the Divi Engine Documentation Team

Introduction

Follow these steps to learn how to use the Archive Loop module.

What Is The Archive Loop Module?

The Archive Loop Module allows you to display your Products or Posts. Typically it will be used on Archive, Category and General WordPress Pages alongside the Filter Posts Module. Do NOT use it in the Custom Loop Layout.

Step 1: Add Archive Loop Module

Add the Archive Loop module to the page of your choice.

Step 2: Customize The Archive Loop Module

After adding the Archive Loop module you will need to customize it using the settings below.

Archive Loop Settings

Module Options

Post Type: Select the post type to display in the loop.
Loop Style: Choose between the Custom Layout or Default for the style of your loop.
Loop Layout: If the Loop Style is Custom Layout then select your Custom Loop Layout.
Is Main Loop: Enable the button if this loop is the main loop on the page (the Filter Posts Module will look for this loop).
Disable Products When A Category Has Child Categories: Only use this feature of product category pages to exclude products.
Filter/Infinite School Icon Animation: Select the animation style for loading.

Loop Options

Include Terms

Exclude Categories: Add category slugs to exclude associated products from the loop.
Exclude Products: Add product slugs to exclude from the loop.
Choose Your Taxonomy: Select a taxonomy to filter.
Include Custom Taxonomy: Define taxonomy URLs to filter.

Terms On Load Only

Include Categories On Load ONLY: Define category URLs to filter.
Include Tags On Load ONLY: Define tag URLs to filter.
Include Custom Taxonomy On Load ONLY: Select a taxonomy to filter.
Include Custom Taxonomy Values On Load ONLY: Define taxonomy URLs to filter.

Loop Layout Options

General

Post Number: Define the number of posts to display.
No Results Layout: Select a no results layout built in the Divi Library.
Hide Non-Purchasable Products: Hide non-purchasable products.
Link Each Layout To Product: Enable to link the whole grid card to the product.
Open In New Tab: Make the product open in a new tab.
Equal Height Grid Cards: Enable for equal card height.
Equal Height On Mobile: Enable for equal card height on mobile.
Align Module At The Bottom: Align the cards.

Include Terms

Define Custom Terms: Enable to define custom terms.
Include Categories: Add comma-separated category URLs.
Include Tags: Add comma-separated tag URLs.
Display Featured Image: Enable to show the featured image.
Display Most Popular Products: Enable to show the most popular products.
Display On Sale Products: Enable to show on-sale products.
Out Of Stock Products Only: Enable to show out-of-stock products.
New Products Only: Enable to show new products.
Number Of Days: Set the number of days to show new products.
What Do You Want To Sort Your Products By: Select how you would like to sort your products.
Sort Order: Set the sort order.
Show Hidden Products: Enable to show hidden products.

Grid Options

Layout Style: Select your layout style as gird, masonry or list.
Grid Columns: Define the number of columns on desktop.
Tablet Grid Columns: Define the number of columns on tablet.
Mobile Grid Columns: Define the number of columns on mobile.
Custom Gutter Gaps: Set the gutter gap.

Element Options

Show Default OrderBy Menu: Hide or show the sorting dropdown menu.
Show Results Count: Hide or show the posts count.
Results Count Position: Set the position of the results count.
Choose How To Display Load More: Select your pagination style. Your options are a Load More button, traditional pagination, infinite load or none.
Scroll To The Top After Ajax Update: Enable to scroll to the top after the update.
Fine Tune The Position: Select the position.

Default Layout Options

Display Type: Select a display style.
Columns Number: Select the number of columns.
Show Rating: Enable to show the rating.
Show Price: Enable to show the price.
Show Excerpt: Enable to show the excerpt.
Show Add To Cart Button: Enable to show the add to cart button.
Sale Badge Color: Select the sale badge color.
Rating Stars Color: Select the star rating color.
Product Background: Select the background color.
Product Padding: Select the product padding.

More Support?

Please email us at [email protected] if you are unable to get Divi Ajax Filter working.