Warenkorb

Der Tab “Warenkorb” ermöglicht dir, das Aussehen des Warenkorb-Icons und der Warenkorb-Seite anzupassen.

Icon-Stil

Wähle den Stil des Warenkorb-Icons, das in der Navigation angezeigt wird:

Stil	Beschreibung	Icon
Outlined	Nur Umriss, modern	Leerer Einkaufswagen
Filled	Ausgefüllt, auffällig	Gefüllter Einkaufswagen
Rounded	Tasche statt Wagen, trendig	Shopping-Bag

1. Öffne den Bestellungen-Editor
2. Gehe zum Tab Warenkorb
3. Wähle unter Icon-Stil deinen bevorzugten Stil
4. Die Vorschau zeigt dir das Ergebnis

---

Badge-Einstellungen

Das Badge zeigt an, wie viele Artikel im Warenkorb sind (oder den Gesamtwert).

Badge-Position

Position	Beschreibung
Oben rechts	Standard, beste Sichtbarkeit
Oben links	Alternative Position
Unten rechts	Dezenter platziert

Badge-Farbe

Einstellung	Beschreibung
Standard	Verwendet die Primärfarbe deines Themes
Eigene Farbe	Wähle eine spezifische Farbe

1. Tippe auf Badge-Farbe
2. Wähle eine Farbe aus dem Picker
3. Oder tippe auf “Zurücksetzen” für die Standardfarbe

Weitere Badge-Optionen

Einstellung	Beschreibung
Leeres Badge anzeigen	Zeigt “0” wenn der Warenkorb leer ist
Gesamtpreis anzeigen	Zeigt Summe statt Artikelanzahl (z.B. “€25”)

Gesamtpreis-Option

Die Anzeige des Gesamtpreises kann zum Kauf animieren - der Kunde sieht sofort, was im Warenkorb ist.

---

Icon-Vorschau

Der Tab zeigt dir eine Live-Vorschau mit drei Zuständen:

Zustand	Anzeige
Leer	Icon ohne Badge (oder “0” wenn aktiviert)
Mit Artikeln	Icon mit Badge “3”
Viele Artikel	Icon mit Badge “99”

So siehst du sofort, wie dein Icon in verschiedenen Situationen aussieht.

---

Warenkorb-Seite Layout

Card-Stil

Wähle, wie die Artikel im Warenkorb dargestellt werden:

Stil	Beschreibung
Standard	Klassische Listen-Ansicht
Card	Jeder Artikel als Karte
Kompakt	Platzsparende Darstellung

Bilder anzeigen

Einstellung	Beschreibung
Bilder anzeigen	Produktbilder im Warenkorb einblenden
Bildgröße	Größe der Bilder (40-120px)

1. Aktiviere Bilder anzeigen
2. Stelle die Bildgröße ein (Standard: 60px)
3. Größere Bilder = mehr Übersichtlichkeit
4. Kleinere Bilder = mehr Artikel sichtbar

Kompakter Modus

Einstellung	Beschreibung
Kompakter Modus	Reduziert Abstände, zeigt mehr Artikel

Mobile Optimierung

Auf kleinen Bildschirmen kann der kompakte Modus helfen, mehr Inhalt anzuzeigen.

---

Übersicht aller Einstellungen

Einstellung	Standardwert	Beschreibung
Icon-Stil	Outlined	Art des Warenkorb-Icons
Badge-Position	Oben rechts	Wo das Badge erscheint
Badge-Farbe	Primärfarbe	Farbe des Badges
Leeres Badge anzeigen	Aus	”0” bei leerem Warenkorb
Gesamtpreis anzeigen	Aus	Summe statt Anzahl
Card-Stil	Standard	Layout der Artikel
Bilder anzeigen	Ein	Produktbilder einblenden
Bildgröße	60px	Größe der Produktbilder
Kompakter Modus	Aus	Reduzierte Abstände

---

Best Practices

Icon-Stil passend wählen

Wähle den Icon-Stil passend zu deinem App-Design:

• Modern/Minimalistisch → Outlined
• Klassisch/Auffällig → Filled
• Trendig/Mode → Rounded (Tasche)

Badge-Farbe kontrastreich

Die Badge-Farbe sollte sich gut vom Hintergrund abheben. Rot oder Orange funktionieren gut als Signalfarbe.

Bilder aktivieren

Produktbilder im Warenkorb helfen dem Kunden zu erkennen, was er bestellt hat - reduziert Fehler und erhöht das Vertrauen.

Bildgröße anpassen

• Wenige, große Produkte → Größere Bilder (80-120px)
• Viele, kleine Produkte → Kleinere Bilder (40-60px)

---

Häufige Fragen

Warum sehe ich das Badge nicht?

Das Badge erscheint nur, wenn:

1. Artikel im Warenkorb sind (außer “Leeres Badge anzeigen” ist aktiv)
2. Die Badge-Farbe sichtbar ist (nicht die gleiche Farbe wie der Hintergrund)

Kann ich das Icon komplett ausblenden?

Das Warenkorb-Icon ist Teil der Navigation und kann nicht ausgeblendet werden, solange das Bestellmodul aktiv ist.

Wie wirkt sich der Card-Stil auf die Performance aus?

Minimal. Alle Stile sind optimiert. Bei sehr vielen Artikeln (50+) kann der Standard-Stil etwas schneller laden.

Werden die Einstellungen sofort übernommen?

Ja, alle Änderungen werden sofort gespeichert und sind in der Live-App sichtbar.