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

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

Vorschau Buy Box Card Style, Vorschau Cart Box Card Style und Vorschau Gift Box Card Style.

### Border Radius

Hier kannst du die Kantenabrundung für die **Buy-**, **Cart-** und **Gift-Box** festlegen. Verwende eine CSS Auszeichnung, um den Border Radius festzulegen. Beispiele:

```elixir theme={null}
0                 -> Keine Abrundung
5px 5px 5px 5px   -> 5px an jeder Seite
5px               -> 5px an jeder Seite
0 10px 5px 0      -> Oben links 0, oben rechts 10px, unten rechts 5px, unten links 0
15px 10px         -> Oben links und unten rechts 15px, oben rechts und unten links 10px
```

***

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

### Gratisgeschenke anzeigen

Aktiviere hier eine Vorschau der Gratisgeschenke, auch bevor der Mindestbestellwert für das Geschenk erreicht ist.

### Maximal Bestellwert sichtbarer Gratisgeschenke

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.

***

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

### Progressbar aktivieren

Entscheide, ob die Progressbar für Versandkostenfreigrenze auf Warenkorbseite aktiviert werden soll oder nicht.

### Fallbackwert für Versandkostenfreigrenze

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.

### Wert auf Progressbar anzeigen

Lege fest, ob der aktuelle Warenkorbwert auf der Progressbar angezeigt werden soll. Dies kannst du separat für Desktop und mobil festlegen.

### Höhe der Progressbar

Definiere hier die Höhe in Pixeln der Progressbar jeweil für Desktop und mobil. Standardwerte:

Desktop: 20px, mobil: 4px

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