> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/zusatzfunktionen/widgets/communities-bzw.-social-media.md).

# Communities bzw. Social Media

Mit dem Widget "Communities bzw. Social Media" kannst du Kunden deine Social Media Kanäle präsentieren.

<figure><img src="/files/1CZttUz7JZjPPrmdLdbT" alt=""><figcaption><p>ThemeWare® "Communities bzw. Social Media"-Widget</p></figcaption></figure>

***

## Konfiguration

Das Widget "Communities bzw. Social Media" kannst du in der Theme-Konfiguration konfigurieren.

> Die Konfiguration findest du im Tab "Widgets".

### Inhalt

* Passe die Überschrift über den Textbaustein `twt.widget.communities.headline` an.
* Optional: Passe den Zusatztext über den Textbaustein `twt.widget.communities.additionalText` an.
* Pro Kanal pflegst du die Beschriftung über `twt.widget.communities.[kanal].name`, den Link über `twt.widget.communities.[kanal].link` und den Tooltip über `twt.widget.communities.[kanal].title`. Die vollständige Liste aller Kanäle findest du in der Zusammenfassung.

{% hint style="info" %}
**Hinweis**: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: [Texte bearbeiten und übersetzen](https://wiki.themeware.design/wissensdatenbank/anleitungen/texte-bearbeiten-und-uebersetzen)
{% endhint %}

{% hint style="success" %}
**Tipp**: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: [Shopware Cache leeren / aufwärmen](https://wiki.themeware.design/wissensdatenbank/anleitungen/sonstiges/shopware-cache-leeren)
{% endhint %}

***

## Optionen

* **Darstellungsart**
  * Ordnet die Icons "nebeneinander" oder "untereinander" an.
* **Icon-Style**
  * Stil der Icons: "Standard", "isoliert", "Badge", "eckig" oder "rund" – jeweils auch als monochrome Variante.
* **Icongröße**
  * Größe der Icons in Pixel (20–80, Standard 45).
* **Icon-Färbung**
  * "Standard", "individuelle Farbe" oder "Graustufen".
* **Zusatztext anzeigen**
  * Blendet einen Zusatztext ein (Textbaustein `twt.widget.communities.additionalText`).
* **Beschriftung anzeigen**
  * Zeigt die Beschriftung (Name) zum Icon an.
* **Position der Beschriftung**
  * "neben Icon" oder "unter Icon".
* **Link-Relation "nofollow"**
  * Versieht die Links mit dem Attribut `rel="nofollow"`.
* **\[Plattform]-Link anzeigen** (Abschnitt "Social Icons")
  * Pro Kanal (Facebook, Instagram, Twitter, X, YouTube, Vimeo, Twitch, Flickr, Pinterest, TikTok, Spotify, Blogger, Blog, WhatsApp, LinkedIn, Xing, Webseite) legst du fest, ob das Icon angezeigt wird. Name und Link pflegst du je Kanal über Textbausteine (siehe unten).

***

## Zusammenfassung

#### **Theme-Konfiguration**

* Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Basiskonfiguration" => Darstellungsart / Icon-Style / Icongröße / Icon-Färbung / Zusatztext anzeigen / Beschriftung anzeigen / Position der Beschriftung / Link-Relation "nofollow"
* Tab "Widgets" => Bereich "Communities bzw. Social Media" => Abschnitt "Social Icons" => \[Plattform]-Link anzeigen

#### Textbausteine

* **Überschrift**
  * `twt.widget.communities.headline`
* **Text (optional)**
  * `twt.widget.communities.additionalText`
* **Blog**
  * `twt.widget.communities.blog.link`
  * `twt.widget.communities.blog.name`
  * Title-Attribute: `twt.widget.communities.blog.title`
* **Blogger**
  * `twt.widget.communities.blogger.link`
  * `twt.widget.communities.blogger.name`
  * Title-Attribute: `twt.widget.communities.blogger.title`
* **Facebook**
  * `twt.widget.communities.facebook.link`
  * `twt.widget.communities.facebook.name`
  * Title-Attribute: `twt.widget.communities.facebook.title`
* **Flickr**
  * `twt.widget.communities.flickr.link`
  * `twt.widget.communities.flickr.name`
  * Title-Attribute: `twt.widget.communities.flickr.title`
* **Instagram**
  * `twt.widget.communities.instagram.link`
  * `twt.widget.communities.instagram.name`
  * Title-Attribute: `twt.widget.communities.instagram.title`
* **LinkedIn**
  * `twt.widget.communities.linkedin.link`
  * `twt.widget.communities.linkedin.name`
  * Title-Attribute: `twt.widget.communities.linkedin.title`
* **Pinterest**
  * `twt.widget.communities.pinterest.link`
  * `twt.widget.communities.pinterest.name`
  * Title-Attribute: `twt.widget.communities.pinterest.title`
* **Spotify**
  * `twt.widget.communities.spotify.link`
  * `twt.widget.communities.spotify.name`
  * Title-Attribute: `twt.widget.communities.spotify.title`
* **TikTok**
  * `twt.widget.communities.tiktok.link`
  * `twt.widget.communities.tiktok.name`
  * Title-Attribute: `twt.widget.communities.tiktok.title`
* **Twitch**
  * `twt.widget.communities.twitch.link`
  * `twt.widget.communities.twitch.name`
  * Title-Attribute: `twt.widget.communities.twitch.title`
* **Twitter**
  * `twt.widget.communities.twitter.link`
  * `twt.widget.communities.twitter.name`
  * Title-Attribute: `twt.widget.communities.twitter.title`
* **Vimeo**
  * `twt.widget.communities.vimeo.link`
  * `twt.widget.communities.vimeo.name`
  * Title-Attribute: `twt.widget.communities.vimeo.title`
* **Webseite**
  * `twt.widget.communities.website.link`
  * `twt.widget.communities.website.name`
  * Title-Attribute: `twt.widget.communities.website.title`
* **WhatsApp**
  * `twt.widget.communities.whatsapp.link`
  * `twt.widget.communities.whatsapp.name`
  * Title-Attribute: `twt.widget.communities.whatsapp.title`
* **X**
  * `twt.widget.communities.x.link`
  * `twt.widget.communities.x.name`
  * Title-Attribute: `twt.widget.communities.x.title`
* **Xing**
  * `twt.widget.communities.xing.link`
  * `twt.widget.communities.xing.name`
  * Title-Attribute: `twt.widget.communities.xing.title`
* **Youtube**
  * `twt.widget.communities.youtube.link`
  * `twt.widget.communities.youtube.name`
  * Title-Attribute: `twt.widget.communities.youtube.title`