> ## 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.

# Globale Einstellungen

> Hier findest du eine Reihe von Funktionen, die sich global auf den Shop auswirken

## Allgemein

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CRp_0ybrO0133EVG/images/niu-plus-globale-einstellungen-allgemein.jpg?fit=max&auto=format&n=CRp_0ybrO0133EVG&q=85&s=b0c30f7b32d9cba3e9628d121af139f5" alt="Allgemein" width="2022" height="326" data-path="images/niu-plus-globale-einstellungen-allgemein.jpg" />
  </Frame>
</div>

### Scroll Top Button anzeigen

Mit Aktivierung dieser Einstellung wird im rechten unterem Bildschirmeck ein Button angezeigt, mit den dein Kunde wieder zur Header-Ansicht geführt wird, wenn dieser bedrückt wird. Dabei wird die aktuell geöffnete Seite nicht verlassen.

**Mobil:**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/94d7e597-772f-4c4d-b83c-1cb4d9ee0218/image.png)</Frame>
</div>

**Desktop:**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/bba0c257-749b-4a0c-be35-7f2ca4ec358a/image.png)</Frame>
</div>

<ParamField path="Scroll Top Button Sichtbarkeit" type="select">
  Aktiviere hier, auf welchen Endgeräten der Button ersichtlich sein soll: Desktop & Mobil, nur Desktop oder nur Mobil.
</ParamField>

***

## Lagerbestand und Lieferbarkeit

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CRp_0ybrO0133EVG/images/niu-plus-globale-einstellungen-lagerbestand.jpg?fit=max&auto=format&n=CRp_0ybrO0133EVG&q=85&s=0ede152cd42a778fc2417a6bf66dffba" alt="Lagerbestand und Lieferbarkeit" width="2008" height="682" data-path="images/niu-plus-globale-einstellungen-lagerbestand.jpg" />
  </Frame>
</div>

<ParamField path="Frühestes Lieferdatum priorisieren" type="boolean">
  Wähle diese Option, damit bei fehlendem Lagerbestand priorisiert wird nach Zulaufdatum, Lieferdatum des Lieferanten bei Lagerbestand und Lieferdatum des Lieferanten bei Verwendung des Verfügbarkeitattributs.
</ParamField>

<ParamField path="Unbekanntes Lieferdatum verwenden" type="boolean">
  Aktiviere diese Option, um das konkrete Lieferdatum deiner Artikel nicht anzeigen zu lassen. Beachte dafür:

  Stelle deine Lieferantenbestellungen auf den 1.1.2099. Es wird ein Hinweis ausgegeben, dass der Artikel beim Lieferanten bestellt wurde. Das konkrete Lieferdatum wird dann nicht mit angezeigt.
</ParamField>

<ParamField path="Lagerbestandsampel gelb für bestellbare Artikel" type="boolean">
  Aktiviere diese Option, um den Lagerstatus 'gelb' mit einer Sprachvariable anzeigen zu lassen, dass der Artikel für dich bestellbar ist. Dies greift dann, wenn ein Artikel keinen Bestand hat und es auch sonst weder Lieferantenbestand, noch Lieferantenbestellungen oder sonstiges gibt, der Artikel aber dennoch aufgrund von Überverkäufen möglich ist zu bestellen.

  Hierzu muss die JTL-Shop-Einstellung [200](https://latest.niuplus.de/admin/config?einstellungen_suchen=1\&cSuche=200) auf **"Nein"** gesetzt werden.

  **Sprachvariablen:** `niu_stock_status_orderable`, `niu_stock_status_orderable_short`
</ParamField>

<ParamField path="Obergrenze für Bestandsausgabe setzen" type="boolean">
  Begrenze hier die Sichtbarkeit deiner Bestände nach oben. Wenn deine Grenze bei 10 liegt, wird am Artikel angezeigt "**+10 Auf Lager**", wenn der Bestand größer 10 ist.

  Hierzu muss die JTL-Shop-Einstellung [110](https://latest.niuplus.de/admin/config?einstellungen_suchen=1\&cSuche=110#artikel_lagerbestandsanzeige) auf **"Genauen Lagerbestand anzeigen"** gesetzt werden.
</ParamField>

<ParamField path="Bestandsgrenze festlegen" type="number">
  Hier kannst du die Obergrenze für deinen anzeigbaren Bestand definieren.
</ParamField>

<ParamField path="B2B Schalter verwenden" type="boolean">
  Aktiviert den B2B Umschalter für Desktop in der Topbar und Mobil im Kategoriemenü, damit Kunden zwischen Brutto/Netto Anzeige wechseln können.
</ParamField>

***

## Produktfunktionen

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CRp_0ybrO0133EVG/images/niu-plus-globale-einstellungen-produktfunktionen.jpg?fit=max&auto=format&n=CRp_0ybrO0133EVG&q=85&s=3feed9ef33da160b02006ac46d689a99" alt="Produktfunktionen" width="2012" height="228" data-path="images/niu-plus-globale-einstellungen-produktfunktionen.jpg" />
  </Frame>
</div>

### Releasedaten laufend prüfen

Diese Option dient dazu die Releasewerte laufend zu überprüfen und den Cache automatisch zu leeren, wenn es Unterschiede gibt und der Artikel verkaufbar sein sollte. Dadurch kannst du Artikel pünktlich zum Release automatisch verkaufbar machen.

Wenn du exakt zum Releasedatum Produkte verkaufbar machen möchtest, dann kann dir der Cache von JTL Shop einen Strich durch die Rechnung machen, denn die Releasedaten, und die Eigenschaft, ob ein Artikel kaufbar ist oder nicht werden vom Cache erfasst. Ist das Releasedatum erricht, kann es trotzdem sein, dass der Artikel nicht verkaufbar ist. Erst wenn das Produkt erneut abgeglichen wird oder der Produktcache anders zurückgesetzt wird, kann der Artikel gekauft werden. Diese Option löst das Problem.

Das könnte unter Umständen zu Lasten der Performance gehen. Bitte prüfe also bei eingeschalteter Funktion, ob diese sich negativ auf deinen Shop auswirkt.

***

## Trustbadge Selektor IDs

Hier kannst du Containern an 4 verschiedenen Positionen im Template eine individuelle ID zuweisen. Diese ID kannst du im Plugin Resources (Resources & Health) unter Script & Consent ein Trustbadge deiner Wahl injezieren.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CRp_0ybrO0133EVG/images/niu-plus-globale-einstellungen-trustbadge.jpg?fit=max&auto=format&n=CRp_0ybrO0133EVG&q=85&s=bbe4cffd802ca8ee836993c22c5f15f6" alt="Trustbadge Selektor IDs" width="2014" height="600" data-path="images/niu-plus-globale-einstellungen-trustbadge.jpg" />
  </Frame>
</div>

<Note>
  In Script & Consent muss dafür in der Option "Position" die Auswahl "Selektor" genutzt werden. Über "CSS-Selektor" definierst du dann deine ID und fügst deinen bereitgestellten Trustbade-Code/Skript in das hinterlegte Feld ein. Anschließend drückst du bei "Speichern" auf den Button "Hinzufügen" um dein Skript zu hinterlegen.
</Note>

<ParamField path="Nav Desktop" type="string">
  Vergebe hier eine ID für den Trustbadge Container auf dem Desktop in der Nav. Der Container befindet sich in der Navigation neben dem Suchfeld.
</ParamField>

<ParamField path="Nav Mobil" type="string">
  Vergebe hier eine ID für den Trustbadge Container auf Mobil in der Nav. Der Container befindet sich in der mobilen Nav neben dem Suchfeld, vorausgesetzt, du hast das Suchfeld unter der Nav aktiv.

  <Warning>
    Beachte, dass du das Suchfeld mobil unter der Nav aktivieren musst, damit der Container angezeigt wird (siehe [Header-Einstellungen](/NIU-Plus/header)).
  </Warning>
</ParamField>

<ParamField path="Footer" type="string">
  Vergebe hier eine ID für den Trustbadge Container im Footer. Der Container befindet sich im Footer neben den Zahlungsicons.
</ParamField>

<ParamField path="BuyBox" type="string">
  Vergebe hier eine ID für den Trustbadge Container der Buybox. Der Container befindet sich auf der Artikeldetailseite.
</ParamField>

***

## Breadcrumbs

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CRp_0ybrO0133EVG/images/niu-plus-globale-einstellungen-breadcrumbs.jpg?fit=max&auto=format&n=CRp_0ybrO0133EVG&q=85&s=c9d4832d187e3844e3c82e18ab346133" alt="Breadcrumbs" width="2022" height="470" data-path="images/niu-plus-globale-einstellungen-breadcrumbs.jpg" />
  </Frame>
</div>

Wähle hier aus verschiedenen Optionen, wo die Breadcrumb ausgeblendet werden soll, damit du eigene Inhalte freier gestalten kannst. Nutze die Breadcrumb einzeln und individuell weiter über den OnPage Composer als Portlet (DZM Smarty Portlets ➝ Breadcrumbs).

Breadcrumbs sind eine sekundäre Navigationshilfe, die es Nutzern ermöglicht, ihren Standort innerhalb der Hierarchie einer Webseite zu erkennen und schnell zu höheren Ebenen zurückzukehren. Sie sind typischerweise eine horizontale Textzeile, die die Struktur der Webseite in einer hierarchischen Weise darstellt und Links zu den übergeordneten Seiten enthält.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/44cd3e47-b214-4d5d-ba9c-aaf4a68cbdaa/image.png)</Frame>
</div>

<ParamField path="Auf Blogpost ausblenden" type="boolean">
  Aktiviere diese Option, um Breadcrumbs auf Blogseiten auszublenden.
</ParamField>

<ParamField path="Auf Eigenen Seiten ausblenden" type="boolean">
  Aktiviere diese Option, um Breadcrumbs auf Eigenen Seiten auszublenden. Das Ausblenden von Breadcrumbs kann das Design klarer und übersichtlicher gestalten, insbesondere wenn die Seite einen spezifischen Zweck oder eine spezifische Nachricht hat.
</ParamField>

<ParamField path="Auf Warenkorbseite ausblenden" type="boolean">
  Aktiviere diese Option, um Breadcrumbs auf der Warenkorbseite auszublenden. Auf Warenkorb- und Checkout-Seiten ist es entscheidend, den Benutzerfokus auf den Kaufprozess zu halten. Breadcrumbs können unnötige Ablenkungen schaffen und den Nutzer von der Kaufabschluss-Seite wegführen.
</ParamField>

***

## Login Form

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CRp_0ybrO0133EVG/images/niu-plus-globale-einstellungen-login-form.jpg?fit=max&auto=format&n=CRp_0ybrO0133EVG&q=85&s=2c86a281f5ce2cc8c828713620ae1150" alt="Login Form" width="2012" height="308" data-path="images/niu-plus-globale-einstellungen-login-form.jpg" />
  </Frame>
</div>

<ParamField path="Passwort Anzeigen Funktion verwenden" type="boolean">
  Hier kannst du aktivieren ob das angegebene Passwort, beim drücken des Buttons, sichtbar wird.
</ParamField>

### Anzeigen Icon statt Checkbox verwenden

Lege hier fest, ob anstelle der Checkbox im Passworteingabefeld ein darunter liegender Button mit der Beschriftung "Passwort anzeigen" verwendet wird.

**Mit Button:**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/69c50721-a303-4871-8d46-696023657b99/image.png)</Frame>
</div>

**Mit Icon:**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/f7c221e9-ecdf-41f9-aa18-04fff792f00d/image.png)</Frame>
</div>

***

## Consentbanner

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CRp_0ybrO0133EVG/images/niu-plus-globale-einstellungen-consentbanner.jpg?fit=max&auto=format&n=CRp_0ybrO0133EVG&q=85&s=1202aa62d7a094ad0fb3d5a559d7590c" alt="Consentbanner" width="2008" height="218" data-path="images/niu-plus-globale-einstellungen-consentbanner.jpg" />
  </Frame>
</div>

### Consent Banner über den gesamten Bildschirm legen

Hier kannst du festlegen ob der Consentbanner beim Erscheinen, die aktuelle Seitenansicht unscharf ausblendet und nur der Banner visuell ersichtlich ist.

**Standard:**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/7581dd8c-aeab-4b19-af07-9933da51a04c/image.png)</Frame>
</div>

**Gesamter Bildschirm:**

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>![](https://t4655718.p.clickup-attachments.com/t4655718/35284142-8b6a-4f05-90d4-53447797a520/image.png)</Frame>
</div>

***

## Branding

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CRp_0ybrO0133EVG/images/niu-plus-globale-einstellungen-branding.jpg?fit=max&auto=format&n=CRp_0ybrO0133EVG&q=85&s=d1a71f3e62b2cd1103bae52fd25cbf8e" alt="Branding" width="2010" height="248" data-path="images/niu-plus-globale-einstellungen-branding.jpg" />
  </Frame>
</div>

### DREIZACK Branding entfernen

Die kleine Notiz in der Footer Bottom Bar fällt nicht großartig auf, unterstützt uns und unsere Partner aber enorm. Dadurch werden andere Shopbetreiber auf unser Template und die Leistung unserer Partner aufmerksam. Denn je populärer NIU Plus wird, umso schneller und besser können wir dieses Produkt weiterentwickeln, wovon Du am Ende am meisten profitierst.

In jedem Fall unterstützen wir auch unsere Partner für ihre hervorragenden Leistungen und vermitteln Kunden, die über ein Partnerprojekt auf uns aufmerksam geworden sind wieder an diese Partner weiter. Wenn du das nicht möchtest, kannst du das Branding hier deaktivieren. Trage dafür in die Textzeile ein '**Ich möchte das nicht unterstützen!**' und deaktiviere anschließend den Switch.

***

## Performance

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CRp_0ybrO0133EVG/images/niu-plus-globale-einstellungen-performance.jpg?fit=max&auto=format&n=CRp_0ybrO0133EVG&q=85&s=1b9109d8e53bd50166b2b90715f8ebf6" alt="Performance" width="2016" height="784" data-path="images/niu-plus-globale-einstellungen-performance.jpg" />
  </Frame>
</div>

<ParamField path="Seitendarstellung verzögern" type="boolean">
  <Warning>
    **Experimentell** - Teste die Einstellung unbedingt in allen Browsern und auf mehreren Endgeräten! Diese Option ist auf eigene Verantwortung zu testen.
  </Warning>

  Aktiviere diese Funktion, um das HTML erst einzublenden, wenn das notwendige CSS geladen wird, jedoch nicht später als 1 Sekunde nach dem Ladevorgang. Dies setzt voraus, dass die Komprimierungsfunktion in den Templateeinstellungen aktiviert ist.

  Layoutshifts können den Leistungsindex deiner Seite negativ beeinflussen. Oft kommt es zu Layoutshifts, weil das notwendige CSS nicht rechtzeitig geladen wurde und bereits Inhalt gerendert wird. Diese experimentelle Option verzögert die Darstellung der Seite innerhalb eines für die anderen Metriken akzeptablen Bereichs, sodass gravierende Layoutshifts vom Ladevorgang entgegengewirkt werden kann.
</ParamField>

<ParamField path="NIU Javascript Bundle verwenden" type="boolean">
  Nutzt ein komprimiertes JavaScript Bundle anstelle der einzelnen Scripte. Weniger Dateien erzeugen weniger Overhead und können so schneller geladen werden.

  <Warning>
    Nutze diese Einstellung nur, wenn du weißt was du tust. Lass sie im Zweifel deaktiviert – ein Bundle ist nicht immer die bessere Alternative. Teste deinen Shop auf Funktionalität. Solltest du auf Probleme stoßen, die sich in der Console bemerkbar machen, deaktiviere diese Option wieder.
  </Warning>
</ParamField>

<ParamField path="HTML Komprimierung verwenden" type="boolean">
  Hier aktivierst du die Komprimierung des HTML-Dokument, was zu schnelleren Downloadzeiten führen kann. Lasse diese Option deaktiviert, wenn du auf etwaige Scriptfehler stößt.

  <Warning>
    Bitte prüfe nach Konfiguration dieser Einstellungen, ob der Shop in deinem Setup noch vollständig funktioniert. Teilweise kann bei Verwendung unsauberer Scripte die Komprimierung fehlschlagen und die Ausführung von Javascript blockieren.
  </Warning>
</ParamField>

<ParamField path="JavaScript Kommentare entfernen" type="boolean">
  Versucht JavaScript-Kommentare vor der Komprimierung zu entfernen. Sollten durch die Entfernung von Leerzeichen und Zeilenumbrüchen Scriptzeilen in eine Kommentarzeile rutschen und dadurch die Ausführung blockieren, kannst du hiermit vor der Komprimierung die JavaScript-Kommentare entfernen lassen.
</ParamField>

<ParamField path="Leerzeichen entfernen" type="boolean">
  Entfernt doppelte Leerzeichen vor und nach HTML-Tags.
</ParamField>

<ParamField path="Zeilenumbrüche reduzieren" type="boolean">
  Versucht Zeilenumbrüche zu entfernen und somit das HTML kompakter zu gestalten.

  <Warning>
    Die Entfernung von Zeilenumbrüchen kann dazu führen, dass Javascripte, deren Syntax nicht sauber abgesichert ist, nicht mehr funktionieren.
  </Warning>
</ParamField>

<ParamField path="HTML Kommentare entfernen" type="boolean">
  Entfernt HTML-Kommentare und reduziert dadurch die Größe des Dokuments.
</ParamField>

***

## DEBUG

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CU5FwIX_DV1jnQVY/images/niu-plus-globale-einstellungen-debug.jpg?fit=max&auto=format&n=CU5FwIX_DV1jnQVY&q=85&s=f87b2b22c01c54eb9a272483ff72144b" alt="DEBUG" width="2238" height="338" data-path="images/niu-plus-globale-einstellungen-debug.jpg" />
  </Frame>
</div>

<ParamField path="Debug Mode aktivieren" type="boolean">
  Deaktiviert die HTML Komprimierung und gibt Template Hints als Kommentar aus, wenn du als Admin angemeldet bist.
</ParamField>

<ParamField path="Debug Variablen im Frontend ausgeben" type="boolean">
  Gibt dir an manchen Stellen im Template Variablen aus, wenn du als Admin angemeldet bist.
</ParamField>

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


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.