> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Styleshub

> Live-Konfiguration im Frontend

Aktiviere hier das Styleshub, um die meisten NIU Plus Einstellungen direkt im Frontend zu setzen. Die Änderungen im Styles Hub sind nur für dich sichtbar. So kannst du in Ruhe alles ausprobieren.

## Einstellungen

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/BJ_px36ctLIOQf1n/images/niu-plus-styleshub-einstellungen.jpg?fit=max&auto=format&n=BJ_px36ctLIOQf1n&q=85&s=02652906cc3ac2d56448fbdd23d2d832" alt="" width="2024" height="302" data-path="images/niu-plus-styleshub-einstellungen.jpg" />
  </Frame>
</div>

### Styleshub aktivieren

Lege fest, ob du das Styleshub aktivieren möchtest. Mit dem Styleshub hast du die Möglichkeit viele Einstellungen aus der Companion App direkt im Frontend anzupassen und unmittelbares Feedback zu deinen Änderungen zu bekommen. Du kannst das Styleshub über den Button auf der rechten Seite im Frontend deines Onlineshops aufrufen:

**Styles Hub im Frontend**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/5cmJQ9ibX9O3CiMF/images/niu-plus-styleshub-frontend.png?fit=max&auto=format&n=5cmJQ9ibX9O3CiMF&q=85&s=35627365d2440dd482d9419eacd6dc2c" alt="" width="1224" height="2947" data-path="images/niu-plus-styleshub-frontend.png" />
  </Frame>
</div>

Hier findest du alle im Styleshub verfügbaren Einstellungsmöglichkeiten.

**Bei Klick auf die Website geöffnet lassen:** Aktiviere diese Option, damit du das Styleshub nicht bei jedem Klick auf die Website neu öffnen musst.

**Zurücksetzen:** Setz deine Einstellungen auf die bisher gespeicherten Einstellungen zurück.

**Preview:** Render eine Vorschau deiner getroffenen Einstellungen. Deine Einstellungen haben keine Auswirkungen auf andere Besucher und sind nur für dich sichtbar.

**Übernehmen:** Durch klick auf diesen Button übernimmst du die aktuellen Einstellungen aus dem Styleshub in die Companion App. Ab diesem Zeitpunkt sind die Änderungen für alle sichtbar.

<Warning>
  Im produktiven Onlineshop sollte der Gast Modus immer deaktiviert sein!
</Warning>

### Gast Modus

Aktiviere diese Option um das Styleshub ohne Speicherfunktion auch für Gäste zu aktivieren.

<div style={{height: '1px', backgroundColor: 'silver', margin: '24px 0'}} />