Create Archive Template

With Bricks Builder you can design the property list view (archive) to your exact specifications. You have two approaches: the List View (complete) for a quick start, or the Results List for a custom layout with more control.

Requirements

• Bricks Builder (active theme)
• WP-ImmoMakler (any edition)

Note

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 Bricks to fully control the presentation.

Option A: List View (complete)

The complete element renders the entire property list including the search form, map, and pagination. It is the right choice when you want to use WP-ImmoMakler’s standard presentation and only need to control its placement within the Bricks template.

1. Create a new template

   Navigate to Bricks > Templates and create a new template of type Archive.

2. Set conditions

   Open the template settings and set the Post Type to immomakler_object under Conditions. This applies the template to all property archives.

3. Insert the element

   Open the Bricks editor and add the List view (complete) element from the WP-ImmoMakler category. It renders the complete property list with search form, map view, and pagination.

4. Save and test

   Save the template and visit a property overview page on the frontend.

Option B: Custom layout with Results List

For more control over the layout, use the Real estate results list element. It outputs only the property tiles — you then add the search form and map separately via dedicated Bricks elements or shortcodes.

1. Create a new template

   Create a new Bricks template of type Archive and set the condition to Post Type immomakler_object.

2. Build the page structure

   Create the desired page structure with sections and columns — for example, a sidebar for the search form and a main area for the results.

3. Insert the Results List

   Add the Real estate results list element from the WP-ImmoMakler category to the main area. It displays the property tiles without the search form and map.

4. Add the search form and map

   Optional: Embed the WP-ImmoMakler search form and map view in your sidebar or header area via shortcodes.

5. Save and test

   Save the template and check the result on the frontend.

Option C: Custom property cards with a Query Loop

With a Bricks Query Loop you design each property card yourself — from the Gallery, the Key Data Boxes, headings, and text with WP-ImmoMakler’s Dynamic Tags.

1. Create the loop

   Insert a Block, enable the Query Loop, and under Query choose the Is main query option. The loop then shows the properties of the overview being visited in the order set in WP-ImmoMakler, and takes the search form selection into account. You set how many properties a page shows in the backend of your website (wp-admin) under Appearance → Customizer → WP-ImmoMakler → Property List View with Number of properties per page.

2. Design the card

   Place the card’s elements inside the block with the Query Loop — for example the Gallery with Click on a photo: View property, a heading with {post_title}, linked to {post_url}, and the Key Data Boxes. Use the Property content and Reference object conditions to show hints such as “Video” or “Reference” only on the matching properties.

3. Add pagination

   Insert the Bricks Pagination element below the grid.

PLUS For the search form to update the results without reloading the page and to load further properties on scroll, give the block containing the Query Loop the CSS class properties, the block with the Query Loop the class property, and the pagination the class pages-nav under Style → CSS → CSS Classes.

Available archive elements

Element	Description
List view (complete)	Complete property list with search, map, and pagination
Real estate results list	Property tiles only (without search form and map)

Using conditions in the archive

Conditions let you control the display of individual elements in the archive template based on property data. The conditions appear under the WP-ImmoMakler group:

• Property content: show hints such as “Video” or “360° tour” only on properties with that content
• Reference object: label reference objects
• Marketing type: Different display for properties for sale vs. for rent
• Property type: Different display for apartments vs. plots
• Status: Special labelling for sold or rented properties

Dynamic Tags in the list view

When you create a custom loop layout in Bricks, you can use Dynamic Tags to display property data in any Bricks element:

• {immomakler_value:kaufpreis} — Price in a text element
• {immomakler_value:wohnflaeche} — Living area
• {immomakler_value:anzahl_zimmer} — Number of rooms
• {immomakler_value:plz} {immomakler_value:ort} — Postcode and city
• {immomakler_property_images} — Property photos as an image source

Preview and testing

Bricks provides a live preview directly in the editor. To test the template with real property data:

1. For the Query Loop to already show properties in the editor, choose “Archive (posts)” as the Content Type and the properties as the Post Type under Populate Content in the template settings.
2. Save the template.
3. Open a page on the frontend that displays your property list (e.g., the property overview page).
4. Verify that the list view is rendered correctly.

Tip

Start with the complete List view (complete) element and switch to the Results List later if you need more design freedom.

You might also be interested in

• Bricks Builder Overview — All elements, Dynamic Tags, and conditions at a glance
• Create Single Template — Design the property detail view with Bricks
• Create Archive Template (Elementor Pro) — The same guide for Elementor Pro
• Create Archive Template (Divi Theme Builder) — The same guide for Divi