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 10 Elemente, 9 Conditions und 4 Dynamic-Tag-Gruppen 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.

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
UmgebungskarteGoogle-Maps-Lagekarte
KontaktformularDas Kontaktformular zur Immobilie
VideosAlle zur Immobilie hinterlegten Videos

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 Checkboxen im Panel lassen sich einzelne Datenfelder gezielt ein- oder ausblenden.

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

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.

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: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

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

ConditionTaxonomieBeispiel
Immobilienartimmomakler_object_typeIst Wohnung / Ist nicht Haus
Vermarktungsartimmomakler_object_vermarktungIst Miete
Standortimmomakler_object_locationIst Hamburg
Landimmomakler_object_countryIst Deutschland
Statusimmomakler_object_statusIst verkauft
Nutzungsartimmomakler_object_nutzungsartIst Wohnen
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.

ConditionBeschreibung
PDFPrüft, ob ein PDF-Exposé vorhanden ist
BeschreibungstextePrüft, ob ein bestimmter Beschreibungstext vorhanden ist

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.