Archiv-Template erstellen

Mit dem WPBakery Page Builder können Sie die Darstellung der Immobilien-Listenansicht (Archiv) gestalten. Sie haben zwei Wege: die Immobilien Listenansicht für die Standard-Darstellung oder das Immobilien Grid für eine Kachel-Ansicht.

Voraussetzungen

• WPBakery Page Builder
• WP-ImmoMakler (beliebige Edition)

Hinweis

Deaktivieren Sie im Backend Ihrer Website (wp-admin) unter WP-ImmoMakler → Einstellungen → Theme Builder die Option Plugin übernimmt Listen- und Detailansicht, wenn Sie die Darstellung vollständig mit WPBakery steuern möchten.

Option A: Immobilien Listenansicht (Schnellstart)

Das Komplett-Element gibt die gesamte Immobilienliste mit dem bewährten WP-ImmoMakler HTML-Template aus.

1. Seite erstellen oder bearbeiten

   Erstellen Sie eine neue Seite oder bearbeiten Sie eine bestehende Seite, die als Immobilien-Übersicht dienen soll. Aktivieren Sie den WPBakery-Editor.

2. Element einfügen

   Klicken Sie auf Element hinzufügen und suchen Sie nach Immobilien Listenansicht. Fügen Sie das Element auf der Seite ein.

3. Optionen konfigurieren

   Optional: Deaktivieren Sie die Anzeige des Seitentitels, wenn Ihr Theme diesen bereits ausgibt.

4. Speichern und testen

   Speichern Sie die Seite und prüfen Sie das Ergebnis im Frontend.

Option B: Immobilien Grid PLUS

Das Immobilien Grid zeigt Immobilien als Kacheln in einem konfigurierbaren Raster an. Es eignet sich besonders für Startseiten oder Landingpages, auf denen eine Auswahl an Immobilien dargestellt werden soll.

1. Seite erstellen oder bearbeiten

   Erstellen oder bearbeiten Sie die gewünschte Seite und aktivieren Sie den WPBakery-Editor.

2. Element einfügen

   Klicken Sie auf Element hinzufügen und suchen Sie nach Immobilien Grid. Fügen Sie das Element auf der Seite ein.

3. Grid konfigurieren

   Option	Beschreibung
   Spalten	Anzahl der Spalten (1–4, Standard: 3)
   Limit	Maximale Anzahl der angezeigten Immobilien (1–12, Standard: 3)
   Zusätzliche Attribute	Weitere Shortcode-Parameter im Format key="value"

4. Speichern und testen

   Speichern Sie die Seite und prüfen Sie das Ergebnis im Frontend.

Anpassungsmöglichkeiten

Die Listenansicht lässt sich anpassen über:

• WP-ImmoMakler Customizer unter Design > Customizer > WP-ImmoMakler
• CSS-Anpassungen im WPBakery CSS-Editor des Elements
• WP-ImmoMakler Child-Skin-Plugin für tiefergreifende Template-Änderungen

Vorschau und Testen

WPBakery zeigt im Backend-Editor eine vereinfachte Vorschau. Um das Ergebnis mit echten Immobiliendaten zu sehen:

1. Speichern Sie die Seite.
2. Klicken Sie auf Vorschau oder öffnen Sie die Seite im Frontend.
3. Prüfen Sie, ob die Listenansicht korrekt dargestellt wird.

Tipp

Beginnen Sie mit dem Komplett-Element Immobilien Listenansicht. Anpassungen sind über CSS, den Customizer oder das WP-ImmoMakler Child-Skin-Plugin möglich.