> 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-language-selector.md). # AX - Sprachwahl ## Übersicht **AX - Sprachwähler** ist eine Experience-Cloud-Komponente, die auf Experience-Sites-Seiten einen Sprachauswahlschalter anzeigt und Portalbenutzern ermöglicht, zwischen verfügbaren Sprachen zu wechseln. Verwenden Sie sie, um internationalen Kunden oder Partnern mehrsprachigen Support bereitzustellen. Die Komponente zeigt alle aktiven Sprachen an, die für Ihre Experience Site konfiguriert sind, und aktualisiert den Seiteninhalt, wenn Benutzer eine andere Sprache auswählen. Ideal für globale Kundenportale, internationale Partnerseiten, Support-Center für mehrere Regionen oder jedes Portal, das Benutzer bedient, die verschiedene Sprachen sprechen.
🔀 Unterschiede zwischen dem standardmäßigen Salesforce-Sprachwähler und dem Avonni-Sprachwähler Der Avonni-Sprachwähler übertrifft den standardmäßigen Salesforce-Sprachwähler, indem er Folgendes bietet: 1. **Sprachgruppierung:** Ordnen Sie Sprachen nach Region oder anderen Kriterien, um eine benutzerfreundliche Erfahrung zu schaffen. 2. **Visuelle Anpassung:** Passen Sie das Erscheinungsbild des Selektors an das Design Ihrer Website an. 3. **Erweiterte Funktionen:** Profitieren Sie von Funktionen wie der Anpassung des Menü-Nubbins und flexiblen Menü-Auslösern, die im Standard-Selektor nicht verfügbar sind. Mit dem Avonni-Sprachwähler können Sie ein mehrsprachiges Erlebnis schaffen, das funktional, optisch ansprechend und perfekt auf die einzigartige Identität Ihrer Website abgestimmt ist.
## Konfiguration ### **Die Bühne bereiten: Grundkonfigurationen** #### **Bezeichnung** * Passen Sie die Beschriftung an, die über dem Sprachauswahlmenü angezeigt wird. * Alternativ können Sie die Option „Aktuelle Sprache als Beschriftung verwenden“ aktivieren, um dynamisch die aktuell ausgewählte Sprache als Beschriftung anzuzeigen.
#### **Sprachgruppen** * Organisieren Sie mehrere Sprachen mithilfe der Funktion „Sprachgruppen“ in separate Spalten. * Stellen Sie sicher, dass die von Ihnen ausgewählten Sprachen auf Ihrer Website aktiv und verfügbar sind.
### **Visuelle Anpassung** #### **Symbolname und -größe** Wählen Sie ein Symbol, das sprachliche Vielfalt repräsentiert (vielleicht eine Weltkugel?) und passen Sie seine Größe an die Ästhetik Ihrer Website an. Anstelle eines Lightning Design System-Symbols können Sie eine **CMS-Icon-Quelle** oder eine **Icon-URL oder Ausdruck**. Aktivieren Sie **Aktuelle Sprache als Beschriftung verwenden** um die aktuell ausgewählte Sprache als Schaltflächenbeschriftung anzuzeigen. #### **Variante** Wählen Sie einen visuellen Stil (bare, bare-inverse, base, border, border-filled usw.), der zur Ästhetik Ihrer Website passt. #### **Menüausrichtung** Wählen Sie einen visuellen Stil (bare, bare-inverse, base, border, border-filled usw.), der zur Ästhetik Ihrer Website passt. ### **Menüverhalten** #### **Menüauslöser** Werden Ihre Besucher auf eine Schaltfläche klicken, darüberfahren oder sie fokussieren, um die Sprachoptionen anzuzeigen? Wählen Sie die intuitivste Interaktion für Ihr Publikum. #### **Menü-Nubbin** Dieser kleine Pfeil ist eine dezente Nuance, die vom Menü zurück zur Komponente zeigt, wie ein Wegweiser. #### **Menütitel** Geben Sie Ihrem Menü einen klaren Titel (z. B. „Wählen Sie Ihre Sprache“), um Klarheit zu schaffen. ### **Hilfreiche Hinweise und Barrierefreiheit** #### **Tooltip** Wenn Benutzer über die Komponente fahren, zeigen Sie über einen Tooltip eine kurze Erklärung oder Anweisungen an. #### **Pfeil nach unten ausblenden** Sie können das nach unten zeigende Pfeilsymbol, das typischerweise mit Dropdowns verbunden ist, ausblenden, wenn Sie ein saubereres Erscheinungsbild bevorzugen. #### **Strecken** Diese Option ermöglicht es der Komponente, sich auszudehnen und ihren Container auszufüllen, wodurch ein gepflegtes Erscheinungsbild gewährleistet wird. #### **Deaktiviert** Deaktivieren Sie die Sprachwahlfunktion bei Bedarf vorübergehend. #### **Horizontale Ausrichtung** Steuern Sie die horizontale Ausrichtung der Komponente innerhalb ihres Containers (links, zentriert, rechts). Mit dem Avonni-Sprachwähler wird Ihre Experience-Cloud-Website zu einem einladenden Treffpunkt für ein globales Publikum. Besucher können mühelos ihre bevorzugte Sprache auswählen und so eine reibungslose und angenehme Navigation durch Ihre Inhalte genießen. ## Styling {% tabs %} {% tab title="Abstand" %} Steuert den Abstand um die Komponente herum (oben / unten / links / rechts). {% endtab %} {% tab title="Hintergrund" %} * **Farbe / Aktive Farbe / Farbe beim Überfahren:** Legt den Hintergrund der Auslösetaste für den Standard-, Aktiv- und Hover-Zustand fest. {% endtab %} {% tab title="Beschriftung/Symbol" %} * **Farbe / Aktive Farbe / Farbe beim Überfahren:** Legt die Farbe der Beschriftung und des Symbols für jeden Zustand fest. * **Schriftgröße / Schriftstil / Schriftstärke / Schriftfamilie:** Steuern Sie die Typografie der Beschriftung. * **Horizontale Ausrichtung:** Richten Sie Beschriftung und Symbol aus. {% endtab %} {% tab title="Rahmen" %} * **Farbe / Aktive Farbe / Farbe beim Überfahren:** Legt die Rahmenfarbe für jeden Zustand fest. * **Größe / Stil / Radius:** Steuern Sie den Rahmen der Auslösetaste. {% endtab %} {% tab title="Bild" %} * **Rahmenfarbe / Größe / Stil / Radius / Objektanpassung:** Gestalten Sie ein benutzerdefiniertes Bild, das als Auslösesymbol verwendet wird. {% endtab %} {% tab title="Menü" %} * **Breite / Mindestbreite / Maximalbreite / Höhe / Mindesthöhe / Maximalhöhe / Spaltenbreite:** Steuern Sie die Abmessungen des Dropdown-Menüs. * **Blockabstand / Inline-Abstand:** Legen Sie den Abstand des Menüs fest. {% endtab %} {% tab title="Menüfarbe" %} * **Hintergrund / Rahmen:** Legen Sie die Hintergrund- und Rahmenfarben des Menüs fest. {% endtab %} {% tab title="Menütitel" %} * **Textfarbe / Schriftgröße / Schriftstärke / Schriftfamilie / Textschatten:** Gestalten Sie den Menütitel. {% endtab %} {% tab title="Menügruppenbeschriftung" %} * **Textfarbe / Schriftgröße / Schriftstärke / Schriftfamilie / Textschatten:** Gestalten Sie die Beschriftungen der Sprachgruppen. {% endtab %} {% tab title="Menüeintrag" %} * **Hintergrundfarbe beim Überfahren / Textfarbe / Textfarbe beim Überfahren:** Legen Sie die Farben der Menüeinträge fest. * **Schriftgröße / Schriftfamilie / Textschatten:** Steuern Sie die Typografie der Menüeinträge. {% endtab %} {% endtabs %} --- # 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-language-selector.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.