Das Element Warenkorb zeigt ein Warenkorb-Symbol mit der Zahl der Artikel im Warenkorb. Besucher sehen auf einen Blick, dass ihr Produkt hinzugefügt wurde, und ein Klick bringt sie zum Warenkorb, um zu bezahlen. Es gehört in den Header jedes Onlineshops.
Bevor du startest
Das Element Warenkorb ist ein Onlineshop-Element. Es erscheint im Bereich Elemente, wenn der Onlineshop für dein Projekt eingeschaltet ist. Siehe Erste Schritte mit E-Commerce.
Das Warenkorb-Symbol hinzufügen
- Öffne deinen Header, zum Beispiel die wiederverwendbare Header-Vorlage deines Layouts.
- Klicke in der linken Seitenleiste auf Elemente.
- Ziehe Warenkorb in den Header, meist rechts neben das Menü.
Da der Header geteilt wird, erscheint das Warenkorb-Symbol jetzt auf jeder Seite, die ihn nutzt. Siehe Wiederverwendbare Vorlagen.
Welche Seite es öffnet
Ein Klick auf das Symbol öffnet die Warenkorbseite, die in deinen Onlineshop-Einstellungen festgelegt ist, oder /cart, wenn keine festgelegt ist. Stelle sicher, dass diese Seite existiert und aktiv ist.
Deinen Header vervollständigen
- Element Kundenkonto: Login und Kontomenü für Kunden.
- Element Suche: ein Suchfeld für Produkte. Siehe Suche auf veröffentlichten Websites.
Teste es
- Veröffentliche deine Website.
- Lege auf der Live-Website ein Produkt in den Warenkorb.
- Prüfe, ob die Zahl steigt und ein Klick den Warenkorb öffnet.
Tipp: Halte das Warenkorb-Symbol auf Handys neben dem Hamburger-Menü sichtbar. Besucher suchen es in der oberen rechten Ecke.
Häufig gestellte Fragen
Die Zahl am Warenkorb ändert sich nicht
Prüfe es nach dem Veröffentlichen auf der Live-Website, nicht im Editor. Die Zahl zeigt die Artikel im eigenen Warenkorb des Besuchers.
Ich sehe das Element Warenkorb nicht
Der Onlineshop ist für dieses Projekt nicht eingeschaltet. Schalte ihn ein, dann erscheinen die Onlineshop-Elemente.