Divi 4: Create Archive Template

With the Divi Theme Builder you can design the property list view (archive) to your exact specifications. WP-ImmoMakler provides the one-click module WP-ImmoMakler 1-Click: List view for this purpose.

Note

This guide applies to Divi 4. For Divi 5, read Divi 5: Create Archive and Single Templates.

Tip

In your website’s backend (wp-admin), disable the Plugin handles list and detail views option under WP-ImmoMakler → Settings → Theme Builder if you want the Divi Theme Builder to fully control the presentation.

Requirements

• Divi Theme or Divi Builder Plugin (version 4.x)
• WP-ImmoMakler (any edition)

Create archive template

1. Open the Theme Builder

   Navigate to Divi → Theme Builder in your website’s backend (wp-admin).

   

2. Create a new template

   Click Add New Template and select Create New Template from the dropdown.

   

3. Configure the assignment

   The Template Settings panel opens on the Use On tab. Scroll to the Archive Pages section and enable all 7 property taxonomy archives:

   • All Property Features Pages
   • All Property Countries Pages
   • All Property Usage Types Pages
   • All Property Object Types Pages
   • All Property Locations Pages
   • All Property Status Pages
   • All Property Marketing Types Pages
   

   Caution

   Make sure to enable all 7 taxonomy archives in the Archive Pages section. Without these assignments the template will not apply on filtered archive pages — for example when visitors filter by property type, location, or marketing type.

   Scroll down to the Properties section and enable Property Archive Page.

   

   Click Create Template.

4. Add a body layout

   The new template appears in the Theme Builder with the label All Property Features Pages (And 7 More). Hover over the Body area of the template and click Add Custom Body. Select Create Custom Body from the dropdown.

   

5. Add a row

   The Visual Builder opens. Click the + in the centre of the canvas to insert a row and select the single-column layout (top left).

   

6. Insert the module

   Click the + in the new row. In the Insert Module dialog, search for List View and click WP-ImmoMakler 1-Click: List view.

   

   The module is inserted into the row and shows a preview of the property list view in the Visual Builder.

   

7. Save

   Click Save in the top left. The archive template is now active.

Customization options

The one-click module displays WP-ImmoMakler’s standard list view. You can adjust its appearance via:

• WP-ImmoMakler Customizer in your website’s backend (wp-admin) under Appearance → Customizer → WP-ImmoMakler
• CSS customizations in the Divi module (Advanced tab)
• WP-ImmoMakler Child-Skin-Plugin for deeper template modifications

You might also be interested in

• Create Single Template — Design the property detail view with the Divi Theme Builder
• Divi Theme Builder Overview — Overview of all available WP-ImmoMakler Divi modules
• Divi 5: Create Archive and Single Templates — Guide for Divi 5
• Migrating to Divi 5 — How the modules behave in Divi 5