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

# Gewährleistung und Garantie-Label

> Automatisches Label und Content-Box für die Herstellergarantie

<Note>
  Nur in JTL-Shop Version 5.8.
</Note>

## Garantie- und Gewährleistungslabel

Seit der EU-Warenkaufrichtlinie müssen Onlineshops zwischen zwei rechtlich unterschiedlichen Dingen unterscheiden: der **gesetzlichen Gewährleistung** (verpflichtend, mindestens zwei Jahre, gilt automatisch für jeden Verkauf) und der **freiwilligen Herstellergarantie** (optional, vom Hersteller festgelegt, mit eigener Laufzeit und eigenen Bedingungen). NIU Plus bildet beide getrennt voneinander ab: die Gewährleistung als gesetzlich vorgeschriebener Hinweis, die Garantie als individuelles Label je Artikel.

<Info>
  Mehr Hintergrund zur Regulierung und Umsetzung findest du in unserem [Blogbeitrag](https://dreizack-medien.de/blog/gewaehrleistungslabel-garantielabel-jtl-shop) sowie in unserem [Erklärvideo](https://youtube.com/watch?v=Go8vGaQm8Sw).
</Info>

## Label

Das Label erscheint automatisch an Artikelkachel, Listenansicht, Artikelseite, Sofortkauf, Warenkorb und Bestellvorgang, sobald der Artikel die drei Wawi-Funktionsattribute trägt:

* `jtl_guarantee_years`
* `jtl_guarantee_manufacturer`
* `jtl_guarantee_model_identifier`

und der jeweilige Schalter in den Shop-Einstellungen aktiv ist.

<Tip>
  Ein Klick auf das Label öffnet das vollständige Label in einem Fenster, mit Herstellergarantie, Hersteller und Modellkennung. Bisher zeigte das Label nur die Jahreszahl.
</Tip>

## Shop-Einstellungen

Im JTL-Shop-Backend findest du diese Einstellungen unter **Darstellung → Einstellungen → Global**.

<AccordionGroup>
  <Accordion title="Gewährleistungs-Label anzeigen">
    Blendet den gesetzlich vorgeschriebenen Gewährleistungshinweis grundsätzlich ein.

    **Gewährleistungslabel im Footer**

    <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
      <Frame>
        <img src="https://mintcdn.com/dzm/3n6UFzDD5_pW_HFH/images/niu-plus-garantie-label-footer.png?fit=max&auto=format&n=3n6UFzDD5_pW_HFH&q=85&s=0a71d9a1de6c60bbb2e1ac55272e2d0f" alt="Gewährleistungslabel im Footer" width="1446" height="722" data-path="images/niu-plus-garantie-label-footer.png" />
      </Frame>
    </div>

    <br />

    Ein Klick auf den Link im Footer öffnet die eigene Seite "Gesetzliche Gewährleistung":

    <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
      <Frame>
        <img src="https://mintcdn.com/dzm/3n6UFzDD5_pW_HFH/images/niu-plus-garantie-label-gewaehrleistungsseite.png?fit=max&auto=format&n=3n6UFzDD5_pW_HFH&q=85&s=0e6c4c192367dfe35024aa25b79ceaf8" alt="Gesetzliche Gewährleistung" width="1534" height="1797" data-path="images/niu-plus-garantie-label-gewaehrleistungsseite.png" />
      </Frame>
    </div>

    <br />

    **Gewährleistung beim Checkout**

    <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
      <Frame>
        <img src="https://mintcdn.com/dzm/3n6UFzDD5_pW_HFH/images/niu-plus-garantie-label-bestellbestaetigung.png?fit=max&auto=format&n=3n6UFzDD5_pW_HFH&q=85&s=eaaf7c019ec80845fa8ba1e0d3e27ce9" alt="Gewährleistung beim Checkout" width="1744" height="2422" data-path="images/niu-plus-garantie-label-bestellbestaetigung.png" />
      </Frame>
    </div>
  </Accordion>

  <Accordion title="Gewährleistungs-Label an Bestellbestätigung">
    Hängt den Gewährleistungshinweis zusätzlich als PDF an die Bestellbestätigung an.
  </Accordion>

  <Accordion title="Garantie-Label aktivieren">
    Master-Schalter für das gesamte Garantie-Label. Ein Klick auf das Label öffnet das vollständige Label in einem Fenster.

    <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
      <Frame>
        <img src="https://mintcdn.com/dzm/3n6UFzDD5_pW_HFH/images/niu-plus-garantie-label-popup.png?fit=max&auto=format&n=3n6UFzDD5_pW_HFH&q=85&s=3859d39c6a46505ad2b78dc1e713154c" alt="Garantie-Label Popup" width="1396" height="1156" data-path="images/niu-plus-garantie-label-popup.png" />
      </Frame>
    </div>
  </Accordion>

  <Accordion title="Garantie-Label in Artikelliste anzeigen">
    Zeigt das Label an Artikelkacheln in Kategorieseiten, Slidern und anderen Listenansichten.

    <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
      <Frame>
        <img src="https://mintcdn.com/dzm/3n6UFzDD5_pW_HFH/images/niu-plus-garantie-label-artikelliste.png?fit=max&auto=format&n=3n6UFzDD5_pW_HFH&q=85&s=8ae1ba2be4f1e161711e042fb08c5db7" alt="Garantie-Label in der Artikelliste" width="1654" height="1256" data-path="images/niu-plus-garantie-label-artikelliste.png" />
      </Frame>
    </div>
  </Accordion>

  <Accordion title="Garantie-Label auf Artikeldetailseite anzeigen">
    Zeigt das Label auf der Artikeldetailseite, neben Artikelnummer und Kategorie.

    <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
      <Frame>
        <img src="https://mintcdn.com/dzm/3n6UFzDD5_pW_HFH/images/niu-plus-garantie-label-artikeldetailseite.png?fit=max&auto=format&n=3n6UFzDD5_pW_HFH&q=85&s=36bd0de5a1efadedf9141697453f5eba" alt="Garantie-Label auf der Artikeldetailseite" width="1290" height="1076" data-path="images/niu-plus-garantie-label-artikeldetailseite.png" />
      </Frame>
    </div>
  </Accordion>

  <Accordion title="Garantie-Label im Warenkorb anzeigen">
    Zeigt das Label an der jeweiligen Position im Warenkorb.

    <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
      <Frame>
        <img src="https://mintcdn.com/dzm/3n6UFzDD5_pW_HFH/images/niu-plus-garantie-label-warenkorb.png?fit=max&auto=format&n=3n6UFzDD5_pW_HFH&q=85&s=e30c1bbe544aae8b55692d85d4ce117a" alt="Garantie-Label im Warenkorb" width="1612" height="730" data-path="images/niu-plus-garantie-label-warenkorb.png" />
      </Frame>
    </div>
  </Accordion>

  <Accordion title="Garantie-Label in der Bestellübersicht anzeigen">
    Zeigt das Label an der jeweiligen Position in der Bestellübersicht während des Bestellvorgangs.

    <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
      <Frame>
        <img src="https://mintcdn.com/dzm/3n6UFzDD5_pW_HFH/images/niu-plus-garantie-label-bestelluebersicht.png?fit=max&auto=format&n=3n6UFzDD5_pW_HFH&q=85&s=debd9caca59e77a43bf994db7c26e897" alt="Garantie-Label in der Bestellübersicht" width="1384" height="1154" data-path="images/niu-plus-garantie-label-bestelluebersicht.png" />
      </Frame>
    </div>

    <div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
      <Frame>
        <img src="https://mintcdn.com/dzm/3n6UFzDD5_pW_HFH/images/niu-plus-garantie-label-bestellbestaetigung.png?fit=max&auto=format&n=3n6UFzDD5_pW_HFH&q=85&s=eaaf7c019ec80845fa8ba1e0d3e27ce9" alt="Garantie-Label in der Bestellübersicht" width="1744" height="2422" data-path="images/niu-plus-garantie-label-bestellbestaetigung.png" />
      </Frame>
    </div>
  </Accordion>

  <Accordion title="Garantie-Label an Bestellbestätigung">
    Zeigt das Label an der jeweiligen Position auch auf der Bestellbestätigung, ebenfalls als PDF.
  </Accordion>
</AccordionGroup>

## Content-Box "Garantie-Label"

Die Content-Box "Garantie-Label" kann z. B. genutzt werden, um die Garantie bei Bedarf nochmals hervorzuheben. Sie zeigt dabei nicht direkt das Label als Grafik, sondern erst nach dem Trigger des gewählten "Styles" in der Custom Box wird die Grafik in der Sidebar geöffnet.

Du findest die Einstellung im NIU Plus Companion unter **Produktdetailseite → Custom Boxes → Typ: Garantie-Label**.

<Note>
  Das Label mit der Jahreszahl erscheint unabhängig von dieser Box automatisch an Artikelkacheln, Artikeldetailseite, Warenkorb und Checkout, sofern die jeweilige Shopeinstellung aktiv ist.
</Note>

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/3n6UFzDD5_pW_HFH/images/niu-plus-garantie-label-content-box-custom.png?fit=max&auto=format&n=3n6UFzDD5_pW_HFH&q=85&s=a7c54f63050296337103f9643ecec1b9" alt="Content-Box Garantie-Label als Custom-Hinweis" width="1550" height="1336" data-path="images/niu-plus-garantie-label-content-box-custom.png" />
  </Frame>
</div>

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