Standardmäßig enthält dein Website-Header ein Warenkorb-Symbol und eine Warenkorb-Bestätigung (Mini-Warenkorb), die angezeigt wird, wenn Käufer Artikel hinzufügen.

So bearbeitest du den Mini Cart:

1. Klicke links oben in deiner Website-Vorschau auf Bearbeiten.
2. Fahre mit der Maus über die Kopfzeile und klicke auf Website-Kopfzeile bearbeiten.
3. Klicke auf Elemente hinzufügen und dann auf Warenkorb.
4. Wähle unter Bestätigung „In den Warenkorb“ eine Option aus, um den Mini-Warenkorb zu aktivieren oder zu deaktivieren:
   • Badge und Button – (empfohlen) Zeigt das Mini-Warenkorb-Fenster an. Diese Einstellung ist standardmäßig aktiviert. Seine Farbe kontrastiert automatisch mit deinem Hintergrund, um sichtbar zu bleiben.
   • Nur Button – Eine kurze „Hinzugefügt!“-Meldung wird auf dem Button angezeigt. Wähle diese Option aus, um den Mini-Warenkorb zu deaktivieren.
5. Klicke auf Speichern, um deine Änderungen zu speichern.

Das Warenkorb-Symbol gestalten

So bearbeitest du das Warenkorb-Symbol:

1. Klicke links oben in deiner Website-Vorschau auf Bearbeiten.
2. Fahre mit der Maus über die Kopfzeile und klicke auf Website-Kopfzeile bearbeiten.
3. Klicke auf Elemente hinzufügen und danach auf Warenkorb.
4. Klicke auf das Bleistift-Symbol.
5. Wähle den Stil aus.
   • Wenn du Symbol auswählst, wähle ein Warenkorb-, Korb- oder Taschen-Symbol aus, das in deinem Header angezeigt werden soll. Klicke dann auf Zurück, um die Größe des Warenkorb-Symbols festzulegen.
   • Wenn du Text wählst, wird anstelle eines Symbols ein benutzerdefinierter Text mit bis zu 10 Zeichen angezeigt, der deinen Navigationslink-Stilen entspricht.
   • Die Symbol- oder Textfarbe folgt der Farbe des Navigationslinks deiner Website.
6. Aktiviere unter Rand einen Rand, der das Symbol umgibt, indem du eine Randform auswählst. Wähle dann Kontur oder Gefüllt aus, um das Design zu ändern. Wenn du Kontur wählst, lege die Stärke der Kontur fest.
7. Um „0“ neben dem Warenkorb anzuzeigen, bevor Kunden etwas hinzufügen, aktiviere den Schalter Im Warenkorb „0“ anzeigen.
8. Klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.

Das Warenkorb-Symbol als Text auf Mobilgeräten anzeigen

Wenn dein Warenkorb-Symbol auf Text festgelegt ist, zeigt das Symbol die Anzahl der Artikel im Warenkorb auf Mobilgeräten an. Die Website zeigt zunächst „(0)“ im Header als Warenkorb-Symbol an. Wenn du den Schalter „Im Warenkorb „0“ anzeigen“ änderst, hat das keine Auswirkungen auf die Anzeige auf Mobilgeräten.

Die Anzeige des Warenkorb-Symbols hängt von Ihrem Template ab. Denke daran:

• In den meisten Templates wird das Warenkorb-Symbol automatisch auf allen Seiten angezeigt, nachdem ein Kunde etwas in seinen Warenkorb legt.
• In einigen Templates ist das Symbol ein permanenter Bestandteil der Kopfzeile.
• Der Warenkorb wird nicht angezeigt, wenn Express-Kasse aktiviert ist.
• Wenn Ihr Warenkorb nicht angezeigt wird, lesen Sie unsere Tipps zur Fehlerbehebung.

Anzeige nach Template

Diese Template-Familien haben den klassischen Button:

• Adirondack
• Avenue
• Aviator
• Bedford – Aber er wird unter den Kopfzeilenelementen angezeigt
• Five
• Flatiron – Aber er wird unter der Kopfzeile angezeigt
• Forte – Aber er wird in der unteren rechten Ecke angezeigt
• Galapagos
• Ishimoto
• Momentum – Er wird jedoch oben links angezeigt, wenn sich die Navigationsleiste unten befindet, oder unten links, wenn sich die Navigationsleiste oben befindet.
• Montauk
• Native
• Pacific – Aber er ist ein Rechteck und Sie können die Farben und Schriftart einstellen. Der Button sieht auf Mobilgeräten gleich aus (keine Navigationsleiste).
• Supply – Aber es ist ein Rechteck.
• Wells – Aber es ist ein Rechteck.
• Wexley

Diese Template-Gruppen verfügen über erweiterte Optionen:

• Brine
• Skye
• Tremont
• Farro
• York

Tipp: Du kannst noch weitere Elemente gestalten, u. a. den Button „In den Warenkorb“, die Shop-Seite und den Button „Einkauf fortsetzen“.

Klassischer Button

Die meisten Templates unterstützen den klassischen Button, der das Warenkorb-Symbol in einer schwarzen, pillenförmigen Schaltfläche in der oberen rechten Ecke anzeigt. Er wird automatisch auf allen Seiten angezeigt, nachdem ein Kunde einen Artikel zu seinem Warenkorb hinzugefügt hat. Er hat keine Stil-Optionen.

Auf Mobilgeräten erscheint der klassische Button unten als Navigationsleiste:

Erweiterte Stil-Optionen

Du kannst den Stil des Warenkorbs im Menü „Website-Stile“ in den folgenden Template-Gruppen anpassen:

So blenden Sie das Symbol in der Kopfzeile Ihrer Website aus:

1. Klicke links oben in deiner Website-Vorschau auf Bearbeiten.
2. Fahre mit der Maus über die Kopfzeile und klicke auf Website-Kopfzeile bearbeiten.
3. Klicke auf Elemente hinzufügen.
4. Deaktiviere den Schalter Warenkorb.
5. Klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.

Wenn du das Warenkorb-Symbol ausblendest, wird unten auf der Seite ein entsprechendes Symbol angezeigt, wenn jemand ein Produkt in den Warenkorb legt. So änderst du die Farbe des Symbols:

1. Wenn du eine Seite bearbeitest, öffne Website-Stile und klicke dann auf Farben.
2. Lege unter Button die Farben für den Hintergrund und den Text fest. Der Warenkorb folgt der Standard-Farbpalette deiner Website.
3. Klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.

Es ist nicht möglich, das Symbol zu deaktivieren oder seine Größe und Form zu ändern.

Ohne das Warenkorb-Symbol können Kunden den Kassenbereich nicht selbst finden. Sie sollten es nur ausblenden, wenn Sie Express-Kasse verwenden oder nur Abonnementprodukte verkaufen. In diesen Fällen werden Kunden nach der Auswahl eines Produkts automatisch zum Kassenbereich weitergeleitet.

Du kannst die unten aufgeführten Website-Stil-Anpassungen verwenden, um den Warenkorb in diesen Template-Gruppen auszublenden oder anzuzeigen:

• Brine – Warenkorb-Position
• Farro – Warenkorb-Position
• Tremont –Warenkorb-Linkanzeige
• York – Warenkorb-Position