Karussell
Übersicht
Die Karussell-Komponente ermöglicht es Ihnen, eine Sammlung von Elementen — Bilder, Text und Aktionen — in einer interaktiven, rotierenden Diashow darzustellen.
Sie ist darauf ausgelegt, den Bildschirmplatz zu optimieren, indem Inhalte innerhalb eines festen Bereichs durchlaufen werden, und eignet sich ideal, um Funktionen hervorzuheben, visuelle Galerien zu durchblättern oder Benutzer durch eine Abfolge von Informationen zu führen, ohne die Seite zu überladen.
Häufige Anwendungsfälle
Produktpräsentation
Bestimmte vorgestellte Artikel oder Neuankömmlinge in einem horizontalen Scrollbereich.
Ein "Neuankömmlinge"-Abschnitt auf einer Startseite, der Produktbilder und Preise zeigt.
Bildergalerie
Ein visuelles Portfolio oder eine Veranstaltungszusammenfassung.
Anzeigen von Fotos von einem kürzlichen Standortbesuch oder einer Marketingveranstaltung.
Kundenbewertungen
Durchlaufen sozialer Belege, ohne vertikalen Platz einzunehmen.
Ein Einzelelement-Slider, der Zitate und Kundennamen zeigt.
Onboarding/Schritte
Führen Sie Benutzer durch einen linearen Prozess.
Ein "So funktioniert's"-Karussell mit 3 Folien: Schritt 1, Schritt 2 und Schritt 3.
Konfiguration
Datenquelle & Zuordnung
Bestimmen Sie zunächst, wie das Karussell Daten erhält. Sie können Elemente manuell hinzufügen oder die Komponente an eine Sammlung binden.
Datenquelle: Wählen Sie Manuell für statische Inhalte (wie ein festes Banner) oder Variable/Abfrage, um Salesforce-Datensätze dynamisch zu laden (wie "Verwandte Produkte").
Datenzuordnungen: Wenn Sie dynamische Daten verwenden, müssen Sie Ihre Datenfelder den Anzeigeattributen des Karussells zuordnen:
Titel
Der Hauptüberschriftstext für das Element.
{Product_Name__c}
Beschreibung
Untertext oder Details unter dem Titel.
{Short_Description__c}
Bild
Das Hintergrund- oder Hero-Bild für das Element.
{Image_URL__c}
Aktionen
Schaltflächen oder Links, die mit dem Element verknüpft sind.
Navigieren zu {RecordId}
Layout & Reaktionsfähigkeit
Steuern Sie die Informationsdichte. Sie können spezifische "Elemente pro Panel"-Einstellungen für verschiedene Gerätebreiten definieren, um sicherzustellen, dass das Karussell auf Telefonen, Tablets und Desktops gut aussieht.
Elemente pro Panel: Die Anzahl der gleichzeitig sichtbaren Karten (z. B. auf 1 für ein "Hero-Banner"-Gefühl oder auf 4 für ein "Produktregal"-Gefühl einstellen).
Abstand: Passen Sie den Abstand zwischen den Elementen an.
Interaktion & Optik
Feinabstimmung, wie Benutzer durch die Inhalte navigieren.
Navigation: Schalten Sie die Sichtbarkeit der Pfeile "Zurück" und "Weiter" um.
Indikatoren: Passen Sie die Punkte oder Fortschrittsbalken an, die die aktuelle Folienposition anzeigen.
Autoplay: (Optional) Legen Sie fest, dass sich das Karussell nach einer bestimmten Dauer automatisch weiterbewegt.
Element anklickbar: Aktivieren Sie die gesamte Karte als Auslöser (z. B. navigiert ein Klick irgendwo auf dem Bild zu einer Detailseite).
Warum die Karussell-Komponente verwenden?
Mehrere Elemente präsentieren: Eine Sammlung von Elementen in begrenztem Raum anzeigen.
Visuelle Anziehungskraft erhöhen: Eine ansprechende und interaktive Benutzererfahrung schaffen.
Hervorgehobene Inhalte betonen: Auf wichtige Artikel oder Aktionen aufmerksam machen.
Navigation verbessern: Benutzer durch eine Reihe verwandter Elemente oder Schritte führen.
Zuletzt aktualisiert
War das hilfreich?