AX - Galerie
Überblick
AX - Galerie ist eine Experience-Cloud-Komponente, die Bilder und Inhalte in vier Layoutstilen auf Experience Sites-Seiten anzeigt: Karussell (Diashow), Registerkarten (organisierte Abschnitte), Raster (mehrspaltig) oder Galerie (Bildvitrine).
Verwenden Sie sie, um Produktfotos, Projektportfolios, Fallstudienbilder, Ressourcensammlungen oder beliebige visuelle Inhalte anzuzeigen, die Portalbenutzer durchsuchen müssen. Konfigurieren Sie Layoutstil, Navigation und Bildquellen im Experience Builder ohne Code.
Perfekt für Produktkataloge, visuelle Portfolios, Bildbibliotheken, Vorher/Nachher-Präsentationen oder überall dort, wo Ihr Portal ansprechende Bild- oder Inhaltsdarstellungen benötigt
Mit Salesforce-Daten verbinden
Die Datenquelle ist der Ort, an dem Sie den Inhalt Ihres Karussells definieren. Es gibt zwei Haupttypen von Datenquellen: Manuell und Abfrage.
Manuelle Datenquelle
Beinhaltet das manuelle Eingeben von Daten für Galerieelemente. Nützlich für statische Inhalte oder vordefinierte Elemente.
Ideal für Inhalte, die sich nicht häufig ändern, oder für eine schnelle Einrichtung mit bestimmten Elementen.
Abfrage-Datenquelle
Ermöglicht das Abrufen von Daten durch eine Abfrage und zieht verschiedene Datensätze/-punkte aus Salesforce.
Ideal für komplexe Datenabfragen oder beim Bezug von Daten.
Festlegen einer Variante
Karussell
Die Karussell-Variante bietet eine dynamische, ansprechende Möglichkeit, Ihre Inhalte, Bilder oder Karten zu präsentieren. Sie ist darauf ausgelegt, Elemente nacheinander im Diashow-Format anzuzeigen und eignet sich hervorragend, um hervorgehobene Inhalte, Produktbilder oder wichtige Ankündigungen zu präsentieren.
Wann zu verwenden: Verwenden Sie die Karussell-Variante, wenn Sie:
Die Aufmerksamkeit der Nutzer mit einer optisch ansprechenden Darstellung auf sich ziehen möchten.
Mehrere Elemente oder Bilder platzsparend anzeigen möchten.
Rotierende Banner oder hervorgehobene Inhaltsbereiche auf Ihrer Seite erstellen möchten.
Funktionen:
Navigationskontrollen: Navigieren Sie im Karussell mit intuitiven Bedienelementen wie Pfeiltasten oder Paginierungs-Punkten.
Automatische Wiedergabe-Option: Stellen Sie das Karussell so ein, dass es Elemente automatisch durchläuft, mit der Möglichkeit zu pausieren und fortzusetzen.
Anpassbares Erscheinungsbild: Passen Sie das Aussehen des Karussells an das Design Ihrer Seite an, indem Sie Elemente wie Übergangseffekte und Anzeigedauer einstellen.
Tabs
Die Registerkarten-Variante führt einen organisierten, tabellarischen Ansatz zur Inhaltsdarstellung ein. Diese Variante ist ideal, um Informationen zu kategorisieren und ein sauberes, strukturiertes Layout zu bieten, das es den Nutzern erlaubt, schnell zwischen verschiedenen Inhaltsabschnitten zu navigieren und darauf zuzugreifen.
Wann zu verwenden: Erwägen Sie die Registerkarten-Variante, wenn Sie:
Kategorisierte Informationen in einem klaren, segmentierten Format präsentieren möchten.
Nutzern ermöglichen möchten, leicht zwischen verschiedenen Inhaltsabschnitten zu wechseln, ohne die Seite zu verlassen.
Inhalte wie Produktspezifikationen, Servicekategorien oder Informationsregisterkarten benutzerfreundlich organisieren möchten.
Funktionen:
Segmentierter Inhalt: Organisieren Sie Ihre Inhalte in klar definierten Registerkarten, damit Nutzer leicht verschiedene Abschnitte finden und ansehen können.
Benutzerfreundliche Navigation: Ermöglichen Sie Nutzern ein nahtloses Wechseln zwischen Registerkarten und sorgen Sie für eine reibungslose und intuitive Interaktion.
Anpassbares Design: Passen Sie das Erscheinungsbild der Registerkarten an, um es an Ihre Markenidentität und Site-Ästhetik anzupassen, und ändern Sie Elemente wie Registerkartenbeschriftungen, Layout und Farbschemata.
Raster
Stellt Inhalte in einem strukturierten, mehrspaltigen Layout dar. Jedes Element nimmt eine Zelle innerhalb des Rasters ein.
Wann zu verwenden: Ideal zur Anzeige einer Sammlung von Elementen, bei denen gleichmäßige Betonung gewünscht ist, wie z. B.:
Produktlisten
Teammitglieder-Profile
Blogbeitrag-Vorschauen
Funktionen
Anpassbare Anzahl von Spalten
Möglichkeit, den Abstand (Gap) zwischen Elementen festzulegen
Optionen für Bilder, Titel, Beschreibungen und Call-to-Action-Schaltflächen innerhalb jeder Rasterzelle
Galerie
Ein visuell geprägtes Layout, das Bilder prominent präsentiert.
Wann zu verwenden: Am besten geeignet, um bildbasierte Inhalte hervorzuheben, wie z. B.:
Fotografie-Portfolios
Produktgalerien
Bildzentrierte hervorgehobene Inhalte
Funktionen
Fokus auf große, hochwertige Bilder
Optionen zum Hinzufügen von Bildunterschriften oder Lightbox-Funktionalität zum Vergrößern von Bildern
Potenzial für kreative Layouts und Hover-Effekte
Interaktionen
Der Abschnitt "Link zu" bestimmt, was passiert, wenn ein Benutzer auf ein Element in Ihrer Avonni-Galerie klickt. Verwenden Sie dies, um Benutzer zu Detailseiten zu führen, neue Inhalte zu öffnen oder andere Aktionen auszulösen.
Beispiel:
Zum Beispiel können Sie vorgestellte Häuser in einer Galerie präsentieren und den Nutzern erlauben, auf jedes Bild zu klicken, um weitere Details auf einer separaten Seite anzuzeigen.
Styling Erscheinungsbild
Erkunden Sie die Stilattribute für die Avonni-Galerie, die jeweils darauf ausgelegt sind, die visuelle Darstellung Ihrer Inhalte zu verfeinern, egal ob Sie die Karussell- oder Registerkarten-Variante verwenden:
Größe: Passen Sie die Gesamtmaße der Galerie an, damit sie perfekt in Ihr Layout passt.
Rahmen: Passen Sie den Rahmenstil, die Breite und die Farbe an, um Ihre Galerieninhalte effektiv einzurahmen.
Bildunterschrift: Gestalten Sie den Text der Bildunterschrift zu jedem Element für Klarheit und Gewichtung.
Titel: Ändern Sie den Titeltext für jedes Galerieelement, damit er heraussticht oder mit dem Thema Ihrer Site übereinstimmt.
Inhalt: Passen Sie das Erscheinungsbild des Hauptinhaltsbereichs innerhalb jedes Galerieelements für eine kohärente visuelle Präsentation an.
Medien: Passen Sie an, wie Medien (Bilder oder Videos) angezeigt werden, und stellen Sie sicher, dass sie das Gesamtdesign Ihrer Galerie ergänzen.
Diashow-Element: Gestalten Sie einzelne Elemente im Karussell, einschließlich Hintergrund, Ausrichtung und Abständen.
Diashow-Element Titel: Passen Sie das Erscheinungsbild der Titel innerhalb jedes Karussell-Elements für sofortige Wirkung und Wiedererkennung an.
Diashow-Element Beschreibung: Um die Lesbarkeit zu verbessern, passen Sie Schriftart, Größe und Farbe der Beschreibungen in Karussell-Elementen an.
Diashow-Bild: Stellen Sie für visuelle Konsistenz Größe und Rahmen von Bildern im Karussell ein.
Diashow-Aktiver Indikator: Gestalten Sie den Indikator für das aktuell betrachtete Element, damit er hervorsticht und deutlich erkennbar ist.
Diashow-Inaktiver Indikator: Passen Sie Indikatoren für nicht aktive Elemente an, um eine reibungslose Navigation durch das Karussell zu gewährleisten.
Diashow-Navigationsschaltfläche: Passen Sie das Erscheinungsbild der Navigationsschaltflächen an, damit sie benutzerfreundlich sind und zum Stil Ihrer Galerie passen.
Registerkarte: Gestalten Sie einzelne Registerkarten, um zwischen aktiven und inaktiven Inhaltsabschnitten zu unterscheiden.
Registerkartenrahmen: Passen Sie den Rahmen jeder Registerkarte für klare Segmentierung und visuelle Attraktivität an.
Aktiver/Hovered Registerkartenrahmen: Gestalten Sie den Rahmen aktiver oder mit der Maus überfahrener Registerkarten, um Nutzer visuell bei ihren Interaktionen zu führen.
Registerkartenhintergrund: Passen Sie die Hintergrundfarbe oder das Hintergrundbild der Registerkarten an, damit sie zum Gesamtthema Ihrer Seite passen.
Registerkartenbeschriftung: Passen Sie Schriftart, Größe und Farbe der Registerkartenbeschriftungen für Klarheit und visuelle Harmonie an.
Registerkartenuntertitel: Gestalten Sie das Erscheinungsbild von Registerkartenuntertiteln, um kohärent zusätzlichen Kontext oder Informationen zu liefern.
Zuletzt aktualisiert
War das hilfreich?