> For the complete documentation index, see [llms.txt](https://docs.pixeleyes.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pixeleyes.de/anleitungen-instructions/deutsch/dokumentation-unserer-shopware-6-plugins/cms-widgets-fur-die-erlebniswelten/dashboard.md).

# Dashboard

Neben den CMS-Elementen bringt das Plugin ein eigenes Backend-Menü mit: **Inhalte → CMS Widgets → Dashboard**. Hier werden Einstellungen verwaltet, die über einzelne Elemente hinausgehen und **pro Vertriebskanal** konfiguriert werden können.

## Übersicht

Die Startseite des Dashboards zeigt drei Bereiche als Kacheln:

* **Social Media** – Profil-URLs und Icons für Social-Media-Plattformen
* **Shariff** – Social-Sharing-Buttons aktivieren und auswählen
* **Eigener CSS Code** – individuelles SCSS, das ins Storefront-Theme einfließt

Zusätzlich verlinkt eine Kachel „Dokumentation" auf das Online-Handbuch (docs.pixeleyes.de).

Jede Unterseite hat oben einen **Vertriebskanal**-Umschalter – die Einstellungen werden getrennt je Vertriebskanal gespeichert (leere Auswahl = Standard/alle Kanäle).

## Social Media

Hier werden die Profil-Links zu 26 Plattformen hinterlegt (Facebook, Instagram, LinkedIn, X/Twitter, YouTube, WhatsApp, TikTok, Pinterest u. v. m.) – jede Plattform als eigene Karte mit:

* **URL** – Link zum eigenen Profil.
* **Icon** – optionaler eigener Icon-Upload. Ohne Upload wird automatisch das Standard-Icon der Plattform in deren Markenfarbe angezeigt.

Diese Profil-Daten werden u. a. von den **Team-Mitglied**-Elementen (Social-Links) und der **Social-Bar** verwendet.

{% hint style="info" %}
Nach dem Speichern wird automatisch das Theme neu kompiliert, damit eigene Icons sofort im Storefront erscheinen (siehe „Theme kompilieren" unten).
{% endhint %}

## Shariff

Aktiviert und konfiguriert die **Shariff-Social-Sharing-Buttons** (datenschutzfreundliche Teilen-Buttons ohne Tracking beim reinen Anzeigen), die im „Social Sharing"-CMS-Element genutzt werden.

* **Shariff Social-Sharing-Buttons im Storefront aktivieren** – Master-Schalter.
* Je Plattform ein eigener Ein/Aus-Schalter (Facebook, X/Twitter, WhatsApp, LinkedIn, Pinterest, Telegram, E-Mail, Drucken und weitere – 25 Plattformen insgesamt).

## Eigener CSS Code

Ein freier **SCSS-Code-Editor** für individuelle Anpassungen, die beim Kompilieren direkt ins Storefront-Theme eingebunden werden – z. B. um Farben, Abstände oder Kleinigkeiten anzupassen, ohne ein eigenes Theme anzulegen.

{% hint style="warning" %}
**Achtung:** Fehlerhafter Code kann dazu führen, dass das Theme im Storefront nicht korrekt dargestellt wird. Nur verwenden, wenn du weißt, was du tust.
{% endhint %}

## Theme kompilieren

Auf den Seiten „Social Media" und „Eigener CSS Code" gibt es zusätzlich zum **Speichern**-Button einen Button **„Theme kompilieren"**. Er speichert die Einstellungen und kompiliert direkt danach das Storefront-Theme neu, sodass Änderungen (eigene Icons, eigenes SCSS) sofort sichtbar werden – ohne manuell über **Einstellungen → Theme-Verwaltung** neu kompilieren zu müssen.

Bei einem SCSS-Syntaxfehler erscheint eine Fehlermeldung und das bisherige Theme bleibt aktiv.