Zum Inhalt springen

Carousel einrichten

PLUS Das Carousel ist ein visuell ansprechendes Element, das ausgewählte Immobilien als horizontal scrollbares Karussell darstellt. Es eignet sich besonders für Startseiten oder Landingpages, um Highlight-Objekte gezielt hervorzuheben.

Das Carousel ist eine Funktion der PLUS-Edition von WP-ImmoMakler. Stellen Sie sicher, dass die PLUS-Edition aktiviert ist.

WP-ImmoMakler Carousel Vorschau mit Immobilienkarten

Das einfachste Einbindungsverfahren ist der Shortcode:

[immomakler-carousel]

Fügen Sie diesen Shortcode auf einer beliebigen WordPress-Seite ein. Im Gutenberg-Editor verwenden Sie den Block Shortcode.

In Elementor Pro steht ein eigenes Carousel-Widget unter der Kategorie WP-ImmoMakler: seitenweit nutzbar zur Verfügung. Ziehen Sie es per Drag & Drop auf die gewünschte Position und konfigurieren Sie es im Elementor-Editor.

In Divi können Sie das Carousel-Modul von WP-ImmoMakler in Ihrem Layout einbinden.

Verwenden Sie den Shortcode-Block des jeweiligen Page-Builders und fügen Sie [immomakler-carousel] ein.

Die Darstellung des Carousels steuern Sie im Backend Ihrer Website (wp-admin) unter WP-ImmoMakler → Einstellungen → Darstellung. Hier können Sie u.a. einrichten, wie viele Objekte im Carousel zeitgleich angezeigt werden sollen:

WP-ImmoMakler Carousel Shortcode-Optionen in den Einstellungen
OptionBeschreibung
AutoplayOb das Carousel automatisch weiterläuft
Seitenweiser WechselSchaltet auf einmal die gesamte sichtbare Gruppe um; deaktiviert: einzelnes Weiterlaufen
Anzahl ImmobilienWie viele Karten gleichzeitig angezeigt werden (1–8)
Anschnitt (px)Wie weit die seitlichen Karten am Rand sichtbar hereinragen
GeschwindigkeitSekunden zwischen dem automatischen Wechsel der Karten
Navigation anzeigenNavigationspfeile links und rechts des Carousels
Dots anzeigenPunktnavigation zur Orientierung unterhalb des Carousels
Smooth ScrollingAktiviert eine flüssige Übergangsanimation beim Kartenwechsel

Standardmäßig zeigt das Carousel die neuesten Immobilien. Um gezielt bestimmte Objekte auszuwählen, nutzen Sie den Filter-Hook:

add_filter( 'immomakler_carousel_query_args', function( $args ) {
// Nur Kaufobjekte anzeigen
$args['tax_query'] = [
[
'taxonomy' => 'immomakler_vermarktungsart',
'field' => 'slug',
'terms' => 'kauf',
],
];
return $args;
} );

Legen Sie diesen Code in die functions.php Ihres WP-ImmoMakler Child-Skin-Plugins.