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

# Warenkorbseite

> Warenkorbseiten-Einstellungen

<Note>
  Die Kartenstile dieser Seite stehen gesammelt in [Theme 2.0](/NIU-Plus/theme-2-0), Abschnitt "Kartenstile". Dort lassen sie sich auch an einen globalen Standard binden. Die Selects hier greifen auf denselben Wert zu und funktionieren unverändert weiter.
</Note>

## Allgemein

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

### Card Style

Entscheide hier für die **Buy-**, **Cart-** und **Gift-Box** in welchem Stil diese dargestellt werden sollen. Zur Auswahl stehen: Automatisch (globaler Standard), Ohne Kartenstyle, Einfache Karte, Schattierte Karte, Umrandete Karte, Border oben/unten und Ohne Rahmen, mit Polsterung.

<ParamField path="Buy Box Card Style" type="select">
  Kartenstil der Buy Box.
</ParamField>

<ParamField path="Cart Box Card Style" type="select">
  Kartenstil der Cart Box.
</ParamField>

<ParamField path="Gift Box Card Style" type="select">
  Kartenstil der Gift Box.
</ParamField>

### Border Radius

<ParamField path="Buy Box Border Radius" type="string">
  Leer lassen = die Eckenrundung folgt dem Theme (Theme 2.0 → Radius → "Flächen & Karten"). Ein Wert hier wird als Inline-Style gerendert und gewinnt gegen das Theme.
</ParamField>

<ParamField path="Cart Box Border Radius" type="string">
  Leer lassen = die Eckenrundung folgt dem Theme (Theme 2.0 → Radius → "Flächen & Karten"). Ein Wert hier wird als Inline-Style gerendert und gewinnt gegen das Theme.
</ParamField>

<ParamField path="Gift Box Border Radius" type="string">
  Leer lassen = die Eckenrundung folgt dem Theme (Theme 2.0 → Radius → "Flächen & Karten"). Ein Wert hier wird als Inline-Style gerendert und gewinnt gegen das Theme.
</ParamField>

***

## Gratisgeschenke

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CdHIOWNy4NZfTjf2/images/niu-plus-warenkorbseite-gratisgeschenke.jpg?fit=max&auto=format&n=CdHIOWNy4NZfTjf2&q=85&s=5eb0a354b5b26fed8614577dc2565b32" alt="Gratisgeschenke" width="2022" height="362" data-path="images/niu-plus-warenkorbseite-gratisgeschenke.jpg" />
  </Frame>
</div>

<ParamField path="Gratisgeschenke anzeigen" type="boolean">
  Aktiviere hier eine Vorschau der Gratisgeschenke, auch bevor der Mindestbestellwert für das Geschenk erreicht ist.
</ParamField>

<ParamField path="Maximal Bestellwert sichtbarer Gratisgeschenke" type="number">
  Lege einen Bestellwert fest, bis zu dem Gratisgeschenke angezeigt werden dürfen. Gratisgeschenke, die einen höheren Bestellwert erfordern, werden erst sichtbar, wenn dieser erreicht wurde.
</ParamField>

***

## Versandkostenfrei Progressbar

Bitte beachte, dass die Einstellungen hier auch für die Progressbar in der Sidebar Anwendung finden.

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/CdHIOWNy4NZfTjf2/images/niu-plus-warenkorbseite-progressbar.jpg?fit=max&auto=format&n=CdHIOWNy4NZfTjf2&q=85&s=6d6e6fe2ec3598d927e55cafb9583c97" alt="Versandkostenfrei Progressbar" width="2008" height="722" data-path="images/niu-plus-warenkorbseite-progressbar.jpg" />
  </Frame>
</div>

<ParamField path="Progressbar aktivieren" type="boolean">
  Entscheide, ob die Progressbar für Versandkostenfreigrenze auf Warenkorbseite aktiviert werden soll oder nicht.
</ParamField>

<ParamField path="Fallbackwert für Versandkostenfreigrenze" type="number">
  Wenn ein Kunde noch nichts im Warenkorb liegen hat, kann der Shop die Versandkostenfreigrenze nicht berechnen. Trage hier einen Fallback Wert ein, um auch bei leeren Warenkörben die Marke in der Progressbar anzuzeigen. Dieser Wert wird überschrieben, sobald ein Artikel im Warenkorb des Kunden liegt.
</ParamField>

<ParamField path="Wert auf Progressbar anzeigen" type="boolean">
  Lege fest, ob der aktuelle Warenkorbwert auf der Progressbar angezeigt werden soll. Dies kannst du separat für Desktop und mobil festlegen.
</ParamField>

<ParamField path="Höhe der Progressbar" type="number">
  Definiere hier die Höhe in Pixeln der Progressbar jeweil für Desktop und mobil. Standardwerte:

  Desktop: 20px, mobil: 4px
</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.