Zum Inhalt springen

Bricks Builder

WP-ImmoMakler bietet eine native Integration für den Bricks Builder. Damit lassen sich individuelle Listen- und Detailansichten für Immobilien erstellen — wahlweise als Komplett-Element oder aus einzelnen Bausteinen zusammengesetzt.

Die Integration stellt 15 Elemente (mit WP-ImmoMakler Plus 16), 12 Conditions und 7 Dynamic Tags bereit.

  • Bricks Builder (aktives Theme)
  • WP-ImmoMakler BASIC, PLUS oder PREMIUM

Die Integration wird automatisch geladen, sobald Bricks als Theme aktiv ist. Es ist keine manuelle Aktivierung nötig.

Erstellen Sie individuelle Immobilien-Listenansichten als Bricks Archive Template. Nutzen Sie das Komplett-Element für einen schnellen Start oder die Ergebnisliste für ein eigenes Layout.

Auch die Detailansicht gestalten Sie vollständig mit Bricks. Spezialisierte Elemente für Objektdaten, Energieausweise, Bildergalerien, Ausstattungsmerkmale, Karten, Videos und Kontaktformulare stehen bereit — ergänzt durch Dynamic Tags für maximale Flexibilität.

Alle WP-ImmoMakler-Elemente erscheinen im Bricks-Panel unter der Kategorie WP-ImmoMakler.

Bricks-Panel mit der Kategorie WP-ImmoMakler und allen Elementen
ElementBeschreibungEinsatz in
Listenansicht (komplett)Komplette Immobilienliste inkl. Suche, Karte und PaginationArchiv-Template
Detailansicht (komplett)Komplette Immobilien-DetailseiteSingle-Template
ElementBeschreibung
Immobilien ErgebnislisteDie Immobilien-Loop-Ergebnisliste (ohne Suchformular und Karte)
ObjektdatenObjektdaten-Tabelle als Definitionsliste mit ein-/ausblendbaren Feldern
EnergieausweisEnergieausweis-Daten mit länderspezifischer Anpassung (DE, AT, ES, IT)
Ausstattung/MerkmaleAusstattungsmerkmale mit Icon, Layout- und Styling-Optionen
BildergalerieDie Bildergalerie der Immobilie
UmgebungskarteKarte mit der Lage der Immobilie
KontaktformularDas Kontaktformular zur Immobilie
VideosAlle zur Immobilie hinterlegten Videos
Eckdaten-BoxenAusgewählte Immobiliendaten als Boxen mit Beschriftung und Wert
KontaktdatenAngaben zur Kontaktperson als Definitionsliste
Kontaktperson-FotoFoto der Kontaktperson
WiderrufsbuttonButton zum Widerruf eines Vertrags, siehe Widerrufsbutton
WiderrufsformularFormular zum Widerruf eines Vertrags, siehe Widerrufsbutton
Propstack Newsletter PLUSNewsletter-Anmeldung mit Propstack-Double-Opt-In, siehe Propstack Newsletter

Beide Elemente basieren auf einer Definitionsliste und bieten dieselben Styling-Optionen:

  • Label-Typografie — Schriftart, Größe, Farbe etc. der Feldbezeichnungen
  • Wert-Typografie — Schriftart, Größe, Farbe etc. der Feldwerte
  • Innenabstand — Padding für Zellen
  • Rahmen — Border für Zellen
  • Spaltenbreite links — Breite der Label-Spalte (Standard: 40 %)

Über die Schalter unter Anzuzeigende Datenfelder lassen sich einzelne Datenfelder gezielt ein- oder ausblenden.

Bricks-Panel des Elements Objektdaten mit Schrift- und Abstandsoptionen und Schaltern für die anzuzeigenden Datenfelder, daneben das Element im Editor

Das Element bietet umfangreiche Styling-Optionen:

  • Layout — Spalte oder Zeile
  • Mindestbreite pro Merkmal-Item
  • Abstände — Zeilen- und Spaltenabstand
  • Innenabstand und Rahmen pro Item
  • Hintergrund pro Item
  • Typografie der Merkmalstexte
  • Icon — Frei wählbares Icon (Standard: far fa-circle-check)
  • Icon-Größe, -Farbe und -Abstand zum Text
Bricks-Panel des Elements Ausstattung/Merkmale mit Layout, Abständen, Hintergrund, Schrift und Icon-Optionen

Dynamic Tags ermöglichen es, Immobiliendaten direkt in beliebige Bricks-Elemente (Überschriften, Texte, Bilder etc.) einzufügen. Alle Tags erscheinen unter der Gruppe WP-ImmoMakler.

Bricks-Auswahl für dynamische Daten mit aufgeklappter Gruppe WP-ImmoMakler

Syntax: {immomakler_value:key} — Gibt den formatierten Wert eines Immobilien-Datenfeldes aus.

{immomakler_value:wohnflaeche} → 120,50 m²
{immomakler_value:kaufpreis} → 450.000,00 EUR
{immomakler_value:anzahl_zimmer} → 4
{immomakler_value:plz} → 20095
{immomakler_value:baujahr} → 1998

Syntax: {immomakler_label:key} — Gibt die (übersetzte) Feldbezeichnung aus.

{immomakler_label:wohnflaeche} → Wohnfläche
{immomakler_label:kaufpreis} → Kaufpreis

Syntax: {immomakler_description:key} — Gibt einen Beschreibungstext der Immobilie aus. Die Ausgabe wird automatisch aufbereitet (Aufzählungen, klickbare Links und Telefonnummern).

{immomakler_description:objektbeschreibung} → Objektbeschreibung
{immomakler_description:ausstatt_beschr} → Ausstattungsbeschreibung
{immomakler_description:lage} → Lagebeschreibung
{immomakler_description:sonstige_angaben} → Sonstige Angaben
{immomakler_description:dreizeiler} → Kurzbeschreibung

Syntax: {immomakler_property_images} — Gibt Immobilienfotos als Bild-Quelle zurück. Wird in Bricks-Elementen verwendet, die eine Bild-Quelle erwarten (z. B. Carousel, Gallery, Image).

{immomakler_property_images} → Alle Bilder
{immomakler_property_images:floorplans} → Nur Grundrisse
{immomakler_property_images:non_floorplans} → Alle Bilder außer Grundrisse

Gibt die Adresse eines PDF-Anhangs der Immobilie zurück. Verwenden Sie die Tags in Bricks-Elementen, die einen Link erwarten (z. B. Button).

{immomakler_pdf_attachment_url} → Erster PDF-Anhang
{immomakler_pdf_floorplan_attachment_url} → Erster PDF-Anhang mit "Grundriss" im Titel oder Dateinamen

Der zweite Tag durchsucht Titel und Dateinamen der PDF-Anhänge nach “Grundriss” — Groß- und Kleinschreibung spielt keine Rolle, Schreibweisen wie “Grundrisse” oder “Grundriss_EG.pdf” werden ebenfalls erkannt. Hängen an einer Immobilie mehrere PDFs, etwa Exposé und Energieausweis, verlinken Sie damit gezielt den Grundriss.

Für einen eigenen “Zur Übersicht”-Button im Single Template: Der Tag führt auf die Liste zurück, von der der Besucher gekommen ist — die gefilterte Suche, Seite 3 der Übersicht, das Karussell auf der Startseite — und scrollt dort zur Karte der Immobilie. Das funktioniert auch auf Websites mit Caching-Plugin.

{immomakler_back_url} → Link zurück zur Listenansicht (auf die Karte der Immobilie)

Conditions steuern, wann ein Bricks-Element oder -Template angezeigt wird. Sie erscheinen unter der Gruppe WP-ImmoMakler.

ConditionTaxonomieBeispiel
Immobilien-Objektartimmomakler_object_typeIst Wohnung / Ist nicht Haus
Immobilien-Vermarktungsartimmomakler_object_vermarktungIst Miete
Immobilien-Ortimmomakler_object_locationIst Hamburg
Immobilien-Landimmomakler_object_countryIst Deutschland
Immobilien-Statusimmomakler_object_statusIst verkauft
Immobilien-Nutzungsartimmomakler_object_nutzungsartIst Wohnen
Immobilien-Ausstattungimmomakler_object_featureHat Balkon

Jede Taxonomie-Condition unterstützt die Vergleichsoperatoren ist und ist nicht. Zusätzlich steht die Option angegeben zur Verfügung, die prüft, ob überhaupt ein Term zugewiesen ist.

Bricks-Bedingungen eines Elements mit aufgeklappter Auswahl und der Gruppe WP-ImmoMakler
ConditionBeschreibung
ImmobilieninhaltPrüft, ob ein bestimmter Inhalt vorhanden oder nicht vorhanden ist: Bilder, Grundrisse, Videos, virtuelle Rundgänge, Dokumente, PDF, Links, Zusammenfassung und Beschreibungstexte, Ausstattungsmerkmale, Energieausweis, Karte, Ansprechpartner und dessen Foto
ImmobiliendatenPrüft, ob ein Datenfeld der Immobilie oder der Kontaktperson einen Wert hat, etwa die Kaltmiete
ReferenzobjektPrüft, ob die Immobilie ein Referenzobjekt ist (ja / nein)
PDFPrüft, ob ein PDF-Exposé vorhanden ist
BeschreibungstextePrüft, ob ein bestimmter Beschreibungstext vorhanden ist, auch die Zusammenfassung

In einer Bricks-Abfrageschleife prüfen die Conditions jeweils die Immobilie des Eintrags. Dieselben Conditions mit denselben Prüfungen gibt es auch für Elementor Pro und Divi 5.

Für eigene CSS-Anpassungen stehen folgende Selektoren zur Verfügung:

SelektorBeschreibung
.brxe-immomakler-archive-contentWrapper der kompletten Listenansicht
.brxe-immomakler-archive-loopWrapper der Ergebnisliste
.brxe-immomakler-single-contentWrapper der kompletten Detailansicht
.brxe-immomakler-definition-listWrapper von Objektdaten und Energieausweis
.brxe-immomakler-single-featuresWrapper der Ausstattung/Merkmale
.brxe-immomakler-galleryWrapper der Bildergalerie
.brxe-immomakler-mapWrapper der Lagekarte
.brxe-immomakler-contact-formWrapper des Kontaktformulars
.brxe-immomakler-videosWrapper der Videos
.immomakler-feature-itemEinzelnes Ausstattungsmerkmal
.immomakler-feature-iconIcon eines Merkmals
.immomakler-feature-textText eines Merkmals
.immomakler-data-{key}Datenzeile nach Feldname

Im Bricks Builder zeigen die WP-ImmoMakler-Elemente echte Immobiliendaten als Vorschau. Bricks hat dafür eine eigene Auswahl: In den Template-Einstellungen können Sie unter Vorschau-Beitrag eine konkrete Immobilie wählen. Diese Auswahl hat Vorrang vor der globalen Vorschau-Immobilie aus WP-ImmoMakler → Einstellungen → Theme Builder — die globale Einstellung greift nur, wenn in Bricks kein Vorschau-Beitrag ausgewählt ist.