> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-gallery.md).
# AX - Galerie
## Übersicht
**AX - Galerie** ist eine Experience Cloud-Komponente, die Bilder und Inhalte auf Experience Sites-Seiten in vier Layout-Varianten anzeigt: Karussell (Slideshow), Registerkarten (geordnete Abschnitte), Raster (mehrspaltig) oder Galerie (Bildpräsentation).
Verwenden Sie sie, um Produktfotos, Projektportfolios, Fallstudienbilder, Ressourcensammlungen oder andere visuelle Inhalte anzuzeigen, die Portalbenutzer durchsuchen müssen. Konfigurieren Sie das Layout, die Navigation und die Bildquellen im Experience Builder ganz ohne Code.
## Erste Schritte
Verwenden Sie dieses einfache Tutorial, um die Grundlagen der Galerie-Komponente kennenzulernen und mit der Umsetzung Ihrer Anwendungsfälle zu beginnen.
{% @arcade/embed url="" flowId="QrGyk84126ycSIM6P0oX" %}
## Konfiguration
### Datenquelle
Die **Datenquelle** ist der Ort, an dem Sie den Inhalt Ihrer Galerie festlegen. AX - Gallery unterstützt zwei Arten von Datenquellen: **Manuell** und **Abfrage**. (Legen Sie ein **API-Name** fest, um der Komponente eine eindeutige Kennung zu geben, und **Medienposition** um die Medien jedes Elements relativ zu seinem Inhalt zu positionieren.)
| Typ der Datenquelle | Beschreibung | Wann verwenden |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Manuell** | Laden Sie jedes Galerieelement direkt in die Komponente hoch oder geben Sie es dort ein. Jedes über die Medienquellenauswahl hinzugefügte Bild erstellt eine **neue** Datei in Ihrer Salesforce Files-Bibliothek. | Einmalige Galerien mit statischem Inhalt, der sich selten ändert (Hero-Bereich der Landingpage, feste Produktpräsentation, Demos). |
| **Abfrage** | Rufen Sie Elemente dynamisch aus einem Salesforce-Objekt ab (Product, Knowledge, ContentVersion, benutzerdefiniertes Objekt …). Die Galerie wird automatisch aktualisiert, wenn sich die zugrunde liegenden Datensätze ändern. | Alle Inhalte, die mit Salesforce-Daten synchron bleiben, regelmäßig wechseln oder von einem nicht-technischen Team außerhalb des Experience Builder verwaltet werden müssen. |
{% hint style="info" %}
#### **Zwischen Manuell und Abfrage wählen**
Der manuelle Modus erstellt eine **brandneue Datei** in der Bibliothek, jedes Mal wenn Sie ein Bild hochladen. Er verweist nicht auf Dateien, die bereits in Salesforce Files vorhanden sind. Wenn Sie Ihre Galerieinhalte wiederverwenden oder aktualisieren müssen, ohne das Eigenschaftenfenster erneut zu öffnen, verwenden Sie **Abfrage** stattdessen.
{% endhint %}
#### Modellfreigabe mit Avonni AX - Galerie
**Einhaltung der Salesforce-Datenfreigaberegeln:**
* **Berücksichtigung der Org-Einstellungen:** Avonni Components entsprechen vollständig den vorhandenen Datenfreigabe-Konfigurationen und Zugriffseinstellungen Ihrer Salesforce-Organisation.
* **Keine-Einmischungs-Richtlinie:** Diese Komponenten verändern oder beeinträchtigen Ihre bereits festgelegten Datenfreigaberegeln in keiner Weise.
* **Kontrollierte Sichtbarkeit und Zugriff:** Die Möglichkeit, Datensätze über Avonni-Komponenten anzuzeigen und mit ihnen zu interagieren, wird durch die von Ihrer Organisation festgelegten Freigabeeinstellungen und Benutzerberechtigungen gesteuert
### Vorhandene Salesforce Files als Ihre Medienquelle verwenden
Die **Medienquelle** Das Feld Medienquelle in AX - Gallery ist flexibel in Bezug darauf, welche Werte Sie ihm übergeben. Sie können es einer URL, einer ContentDocumentId oder einem vollständigen Downloadpfad von Salesforce Files zuordnen. Die Komponente erkennt ContentDocumentIds automatisch und löst sie zur Laufzeit in die richtige Vorschau-URL auf.
So stellen Sie sicher, dass eine Galerie auf Dateien in der **Salesforce Files-Bibliothek** verweist, ohne sie jemals erneut über die Komponente hochzuladen.
| Was Sie in die Medienquelle eintragen | Was die Galerie rendert |
| ----------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
| Ein Feld mit einer **ContentDocumentId** (beginnt mit `069…`) | Die neueste Version der Datei wird aufgelöst und angezeigt. Die Komponente erkennt automatisch `069…` IDs. |
| Das Standardfeld **VersionDataURL** Feld bei einer Abfrage von `ContentVersion` | Die Datei wird heruntergeladen und angezeigt. Empfohlen, wenn Ihr Quellobjekt ContentVersion ist. |
| Ein **Shepherd-URL** erstellt mit einem Ausdruck wie `/sfc/servlet.shepherd/version/download/{{Record.Id}}` | Die in der URL referenzierte genaue Version wird angezeigt. Nützlich für die benutzerdefinierte URL-Erstellung. |
| Ein **Öffentliche URL** (extern gehostetes Bild) | Das Bild wird aus der externen Quelle geladen. |
#### **So richten Sie es im Abfragemodus ein**
1. In der **Datenquelle**, wählen Sie **Abfrage** und wählen Sie Ihr Quellobjekt (`ContentVersion`, ein benutzerdefiniertes Objekt mit Dateireferenzen oder jedes Objekt mit einem Bildfeld).
2. Wenden Sie einen Filter an, der bestimmt, welche Datensätze angezeigt werden sollen (nach Titelschema, Tag, benutzerdefiniertem Feld, Auswahllistenwert usw.).
3. In **Datenzuordnungen**, ordnen Sie **Medienquelle** je nach Ihrem Quellobjekt zu:
* **Abfrage von ContentVersion:** ordnen Sie Medienquelle dem Standardfeld `Version-Daten-URL` Feld.
* **Abfrage eines benutzerdefinierten Objekts mit einem ContentDocumentId-Feld:** ordnen Sie Medienquelle direkt diesem Feld zu (die Komponente erkennt automatisch `069…` IDs und löst sie auf).
* **Abfrage eines beliebigen Objekts mit einem vollständigen Bild-URL-Feld:** ordnen Sie Medienquelle direkt diesem Feld zu.
Sobald alles konfiguriert ist, lässt sich der Inhalt Ihrer Galerie ganz einfach aktualisieren, indem Sie die Dateien in der Salesforce Files-Bibliothek ersetzen oder das Referenzfeld in Ihren Datensätzen aktualisieren.
{% hint style="info" %}
#### Experience-Builder-Vorschau
Bilder, die auf Salesforce Files verweisen, werden in der Experience-Builder-Vorschau möglicherweise nicht dargestellt, da sich der Builder nicht als Portalbenutzer authentifiziert. Sie werden korrekt dargestellt, sobald Sie sich auf der veröffentlichten Site als Community-Benutzer anmelden
{% endhint %}
### 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 in einem Slideshow-Format anzuzeigen, und eignet sich hervorragend, um hervorgehobene Inhalte, Produktbilder oder wichtige Ankündigungen hervorzuheben.
**Wann verwenden:** Verwenden Sie die Karussell-Variante, wenn Sie:
* die Aufmerksamkeit der Benutzer mit einer optisch ansprechenden Präsentation gewinnen möchten.
* mehrere Elemente oder Bilder platzsparend anzeigen möchten.
* rotierende Banner oder Bereiche mit hervorgehobenen Inhalten auf Ihrer Website erstellen möchten.
**Funktionen:**
* **Navigationssteuerelemente:** Navigieren Sie durch das Karussell mit intuitiven Steuerelementen wie Pfeiltasten oder Seitenpunktmarkierungen.
* **Automatische Wiedergabe:** Legen Sie fest, dass das Karussell Elemente automatisch durchläuft, mit der Möglichkeit zum Anhalten und Fortsetzen.
* **Anpassbares Erscheinungsbild:** Passen Sie das Aussehen und Verhalten des Karussells an das Design Ihrer Website an, indem Sie Elemente wie Übergangseffekte und Anzeigedauer anpassen.
#### **Registerkarten**
Die Registerkarten-Variante führt eine geordnete, tabellarische Art der Inhaltspräsentation ein. Diese Variante eignet sich ideal zum Kategorisieren von Informationen und bietet ein sauberes, strukturiertes Layout, das es Benutzern ermöglicht, schnell zu verschiedenen Inhaltsabschnitten zu navigieren und darauf zuzugreifen.
**Wann verwenden:** Ziehen Sie die Registerkarten-Variante in Betracht, wenn Sie:
* kategorisierte Informationen in einem klaren, segmentierten Format präsentieren möchten.
* Benutzern ermöglichen möchten, einfach zwischen verschiedenen Inhaltsabschnitten zu wechseln, ohne die Seite zu verlassen.
* Inhalte wie Produktspezifikationen, Dienstleistungskategorien oder Informationstabellen benutzerfreundlich organisieren möchten.
**Funktionen:**
* **Segmentierter Inhalt:** Organisieren Sie Ihre Inhalte in klar definierte Registerkarten, damit Benutzer verschiedene Bereiche leicht finden und ansehen können.
* **Benutzerfreundliche Navigation:** Ermöglichen Sie Benutzern, nahtlos zwischen Registerkarten zu wechseln, und sorgen Sie so für eine reibungslose, intuitive Erfahrung.
* **Anpassbares Design:** Passen Sie das Erscheinungsbild der Registerkarten an Ihr Branding und die Ästhetik Ihrer Website an, indem Sie Elemente wie Registerkartenbeschriftungen, Layout und Farbschemata anpassen.
#### **Raster**
Präsentiert Inhalte in einem strukturierten, mehrspaltigen Layout. Jedes Element belegt eine Zelle im Raster.
**Wann verwenden:** Ideal zur Anzeige einer Sammlung von Elementen, bei denen alle gleich stark betont werden sollen, z. B.:
* Produktlisten
* Profile von Teammitgliedern
* Vorschauen auf Blogbeiträge
**Funktionen**
* Anpassbare Anzahl von Spalten
* Möglichkeit, den Abstand (Gap) zwischen Elementen zu definieren
* Optionen für Bilder, Titel, Beschreibungen und Call-to-Action-Schaltflächen in jeder Rasterzelle
#### **Galerie**
Ein visuell geprägtes Layout, das Bilder prominent präsentiert.
**Wann verwenden:** Am besten geeignet, um bildbasierte Inhalte hervorzuheben, wie zum Beispiel:
* Fotografie-Portfolios
* Produktgalerien
* Bildzentrierte hervorgehobene Inhalte
**Funktionen**
* Fokus auf große, hochwertige Bilder
* Optionen zum Einfügen von Bildunterschriften oder einer Lightbox-Funktion zum Vergrößern von Bildern
* Potenzial für kreative Layouts und Hover-Effekte
## Interaktionen
Der Abschnitt „Verknüpfen mit“ bestimmt, was passiert, wenn ein Benutzer auf ein Element in Ihrer Avonni-Galerie klickt. Verwenden Sie dies, um Benutzer zu Detailseiten zu leiten, neue Inhalte zu öffnen oder andere Aktionen auszulösen.
**Beispiel:**
* Zum Beispiel können Sie hervorgehobene Häuser in einer Galerie präsentieren und Benutzern ermöglichen, auf jedes Bild zu klicken, um auf einer separaten Seite weitere Details anzuzeigen.
## Styling
Mit den Formatierungsattributen steuern Sie das visuelle Erscheinungsbild jedes Elements in der Galerie. Die Einstellungen sind nach ihrer Wirkung gruppiert.
{% tabs %}
{% tab title="Allgemein" %}
Gilt für alle Varianten (Karussell, Registerkarten, Raster, Galerie).
| Einstellung | Was gesteuert wird |
| -------------- | --------------------------------------------------------------------------- |
| **Größe** | Gesamtbreite und -höhe der Galerie. |
| **Rahmen** | Rahmenstil, -breite und -farbe um die Galerie. |
| **Untertitel** | Formatierung des Beschriftungstextes, der bei jedem Element angezeigt wird. |
| **Titel** | Formatierung des Titels auf jedem Element. |
| **Inhalt** | Formatierung des Hauptinhaltsbereichs innerhalb jedes Elements. |
| **Medien** | Wie Bilder und Videos angezeigt werden (Anpassung, Ausrichtung, Größe). |
| {% endtab %} | |
{% tab title="Karussell-Variante" %}
Gilt nur, wenn **Variante** auf ... gesetzt ist `Karussell`.
| Einstellung | Was gesteuert wird |
| ------------------------------------- | --------------------------------------------------------------- |
| **Slideshow-Element** | Hintergrund, Ausrichtung und Abstand jedes Karussellelements. |
| **Slideshow-Elementtitel** | Schriftart, Größe und Farbe der Elementtitel. |
| **Slideshow-Elementbeschreibung** | Schriftart, Größe und Farbe der Elementbeschreibungen. |
| **Slideshow-Bild** | Größe und Rahmen der Bilder innerhalb jedes Elements. |
| **Aktiver Slideshow-Indikator** | Formatierung des Indikators für das aktuell angezeigte Element. |
| **Inaktiver Slideshow-Indikator** | Formatierung der Indikatoren für inaktive Elemente. |
| **Slideshow-Navigationsschaltfläche** | Formatierung der vorherigen/nächsten Navigationsschaltflächen. |
| {% endtab %} | |
{% tab title="Registerkarten-Variante" %}
Gilt nur, wenn **Variante** auf ... gesetzt ist `Registerkarten`.
| Einstellung | Was gesteuert wird |
| ---------------------------------------------- | -------------------------------------------------------------- |
| **Registerkarte** | Formatierung jeder einzelnen Registerkarte. |
| **Registerkartenrahmen** | Rahmen um jede Registerkarte. |
| **Rahmen der aktiven/hovernden Registerkarte** | Rahmen für die aktive Registerkarte und den Hover-Zustand. |
| **Registerkartenhintergrund** | Hintergrundfarbe oder -bild für Registerkarten. |
| **Registerkartenbeschriftung** | Schriftart, Größe und Farbe der Registerkartenbeschriftungen. |
| **Registerkartenuntertitel** | Schriftart, Größe und Farbe der Untertitel der Registerkarten. |
| {% endtab %} | |
| {% endtabs %} | |
## Fehlerbehebung
| Problem | Ursache | Lösung |
| ------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Bilder werden in Experience Builder nicht in der Vorschau angezeigt, erscheinen aber auf der veröffentlichten Site korrekt** | Experience Builder authentifiziert sich nicht als Portalbenutzer und kann daher in der Vorschau keine Bilder aus Salesforce Files abrufen. | Erwartetes Verhalten. Melden Sie sich auf der veröffentlichten Site als Community-Benutzer an, um zu überprüfen, dass die Bilder korrekt angezeigt werden. |
| **„Keine Vorschau verfügbar“ erscheint im manuellen Modus** | Das hochgeladene Bild wurde nicht als öffentlicher Link markiert, daher können Portalbenutzer es nicht laden. | Laden Sie das Bild erneut hoch und aktivieren Sie **Öffentlicher Link** beim Hochladen oder wechseln Sie in den Abfragemodus, in dem die Standardfreigaberegeln gelten. |
| **Im manuellen Modus müssen Sie jedes Mal, wenn Sie ein Bild ändern möchten, erneut hochladen** | Der manuelle Modus lädt direkt hoch — er verweist nicht auf vorhandene Salesforce Files. | Verwenden Sie den **Abfrage** Modus mit ContentVersion oder einem benutzerdefinierten Objekt mit Dateireferenzen. Siehe *Vorhandene Salesforce Files als Ihre Medienquelle verwenden* oben. |
| **Die Galerie ist für Portalbenutzer leer, funktioniert aber in der Experience-Builder-Vorschau** | Dem Profil des Portalbenutzers fehlt der Zugriff auf das abgefragte Objekt oder die referenzierten Dateien. | Überprüfen Sie die Objektberechtigungen des Profils, die Feldberechtigungen und den Bibliotheks-/Freigabenzugriff für `ContentVersion` oder das Quellobjekt. |
| **Bilder werden überhaupt nicht angezeigt (weder in der Vorschau noch auf der veröffentlichten Site)** | Medienquelle ist einem Feld zugeordnet, das keine gültige Dateireferenz enthält (ContentDocumentId, beginnend mit `069…`, das `Version-Daten-URL` Feld auf ContentVersion oder eine öffentliche Bild-URL). | Überprüfen Sie, was das zugeordnete Feld tatsächlich enthält. Wenn Sie ContentVersion abfragen, verwenden Sie das Standardfeld `Version-Daten-URL` Feld. Speichern Sie bei benutzerdefinierten Objekten eine ContentDocumentId (beginnend mit `069…`) und ordnen Sie Medienquelle direkt diesem Feld zu. |
| **Die Galerie zeigt die richtigen Titel, aber alle Bilder sind defekt** | Medienquelle ist einem Feld zugeordnet, das keine ContentDocumentId oder gültige URL enthält. | Bestätigen Sie in den Datenzuordnungen, dass Medienquelle auf ein ContentDocumentId-Feld, eine Shepherd-URL oder eine gültige öffentliche Bild-URL verweist. |
## Anwendungsfälle
### Beispiel 1: Kunden-News-Karussell
{% @arcade/embed url="" flowId="pOjxSsq8rQ3YgZFvjMgr" %}
Halten Sie Ihre Kunden informiert und eingebunden, indem Sie Ihre neuesten Artikel direkt auf Ihrer Experience Cloud-Startseite präsentieren. Die AX-Galerie-Komponente macht es einfach, ein dynamisches, bildreiches News-Karussell anzuzeigen, das sich automatisch aktualisiert, sobald neue Inhalte veröffentlicht werden.
***
#### **Was Sie erreichen werden**
* **Aktuelle Inhalte auf einen Blick:** Zeigen Sie Ihre neuesten Knowledge-Artikel auf der Startseite inklusive Bilder an, damit Besucher keine Aktualisierung verpassen.
* **Müheloses Durchblättern:** Lassen Sie Kunden in einem klaren, strukturierten Karussell-Layout durch Unternehmensnachrichten scrollen.
* **Gezielte Filterung:** Zeigen Sie nur News-Artikel an, indem Sie ein benutzerdefiniertes Auswahllistenfeld verwenden, damit das Karussell fokussiert und relevant bleibt.
***
#### **Bevor Sie beginnen**
* **`ImageId__c` Feld:** Erstellen Sie ein Textfeld auf dem Knowledge-Objekt, um die Content Document ID des Bildes jedes Artikels zu speichern.
* **`Type__c` Feld:** Erstellen Sie ein Auswahllistenfeld auf dem Knowledge-Objekt, um Artikel zu kategorisieren, und stellen Sie sicher, dass der **News** Wert vorhanden ist und Ihren Artikeln zugewiesen wird.
***
#### **So richten Sie es ein**
{% stepper %}
{% step %}
#### **Fügen Sie die Komponente zu Ihrer Seite hinzu**
* Ziehen Sie die **AX Gallery** Komponente auf die gewünschte Seite im Experience Builder.
{% endstep %}
{% step %}
#### **Passen Sie die Anzeige der Komponente an**
* Legen Sie die **Titel** auf `News-Karussell`.
* Legen Sie die **Untertitel** auf `Durchsuchen Sie unsere wöchentlichen Artikel`.
* Legen Sie die **Anzahl der Spalten** auf `3`.
{% endstep %}
{% step %}
#### **Richten Sie Ihre Datenquelle ein**
* Erstellen Sie eine neue Abfrage in der Datenquellenkonfiguration.
* Wählen Sie **Knowledge** als Objekt (achten Sie darauf, die zweite Knowledge-Option in der Liste auszuwählen).
* Fügen Sie einen Filter hinzu: **Type\_\_c entspricht** `News`.
* Legen Sie die Sortierreihenfolge fest auf **Erstellungsdatum, absteigend** damit Ihre neuesten Artikel immer zuerst angezeigt werden.
{% endstep %}
{% step %}
#### **Konfigurieren Sie die Datenzuordnung**
* Karte **Titel** für Knowledge `Titel` Feld.
* Karte **Medienquelle** auf `ImageId__c` um Artikelbilder einzubinden.
* Legen Sie die **Wiedergaberate** auf `5`.
{% endstep %}
{% step %}
#### **Sehen Sie sich Ihre Arbeit in der Vorschau an**
* Verwenden Sie die Experience-Builder-Vorschau, um vor der Veröffentlichung zu bestätigen, dass Ihr Karussell die richtigen Artikel, Bilder und das richtige Layout anzeigt.
{% endstep %}
{% endstepper %}
***
### Beispiel 2: Kundenprodukte-Galerie
{% @arcade/embed url="" flowId="aIu9ZNuteXdewe19LJL0" %}
Geben Sie Ihren Kunden direkt von Ihrer Startseite aus eine visuell überzeugende Möglichkeit, Ihren Produktkatalog zu entdecken. Durch die Kombination der AX-Galerie-Komponente mit Ihren Produktdaten können Sie ein aufmerksamkeitsstarkes Karussell erstellen, das hervorgehobene Produkte präsentiert und Besucher direkt zu den Produktdetailseiten führt.
***
#### **Was Sie erreichen werden**
* **Eine visuelle Produktpräsentation:** Präsentieren Sie hervorgehobene Kopfhörer in einem reichhaltigen, bildorientierten Karussell, das zum Stöbern einlädt.
* **Nahtlose Navigation:** Ermöglichen Sie Kunden, mühelos direkt vom Karussell zu einzelnen Produktdetailseiten zu wechseln.
* **Ein kuratiertes Startseiten-Erlebnis:** Heben Sie die wichtigsten Produkte hervor, indem Sie auf der Startseite nur Ihren hervorgehobenen Katalog anzeigen.
***
#### **Bevor Sie beginnen**
* **`Type__c` Feld:** Erstellen Sie ein Auswahllistenfeld auf dem Product2-Objekt und stellen Sie sicher, dass der **Headphone** Wert vorhanden ist, damit Sie das Karussell auf die richtigen Produkte filtern können.
* **`ContentDocumentId__c` Feld:** Erstellen Sie ein Textfeld auf dem Product2-Objekt, um die Bild-URL für jedes Produkt zu speichern.
***
#### **So richten Sie es ein**
{% stepper %}
{% step %}
#### **Fügen Sie die Komponente zu Ihrer Seite hinzu**
* Ziehen Sie die **AX Gallery** Komponente auf die gewünschte Seite im Experience Builder.
{% endstep %}
{% step %}
#### **Passen Sie die Anzeige der Komponente an**
* Legen Sie die **Titel** auf `Produkte-Karussell`.
* Legen Sie die **Untertitel** auf `Entdecken Sie unsere hervorgehobenen Produkte!`
* Legen Sie die **Anzahl der Spalten** auf `3`.
{% endstep %}
{% step %}
#### **Richten Sie Ihre Datenquelle ein**
* Erstellen Sie eine neue Abfrage in der Datenquellenkonfiguration.
* Wählen Sie **Product** als Objekt.
{% endstep %}
{% step %}
#### **Konfigurieren Sie die Datenzuordnung**
* Karte **Titel** zum `Produktname` Feld.
* Karte **Medienquelle** auf `ContentDocumentId__c` um das Bild jedes Produkts anzuzeigen.
* Legen Sie die **Wiedergaberate** auf `5`.
{% endstep %}
{% step %}
#### **Sehen Sie sich Ihre Arbeit in der Vorschau an**
* Verwenden Sie die Experience-Builder-Vorschau, um vor der Veröffentlichung zu bestätigen, dass Ihre Produkte, Bilder und das Karussell-Layout wie erwartet angezeigt werden.
{% endstep %}
{% endstepper %}
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-gallery.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.