Einen schwebenden Warenkorb-Button hinzufügen

Der schwebende Warenkorb-Button ist ein runder Button in einer unteren Ecke deines Shops. Er bleibt an seinem Platz, während Käufer scrollen, zeigt, wie viele Artikel im Warenkorb liegen, und öffnet den Drawer von Bundlex Cart mit einem Tippen. Das hilft auf langen Produktseiten, auf denen der Header mit seinem Warenkorb-Symbol aus dem Blick scrollt.

Aktivieren

1. Bearbeite den Warenkorb und öffne den Tab Warenkorb.
2. Aktiviere unter Auf der Seite die Option Schwebender Warenkorb-Button.
3. Wähle eine Ecke: Unten rechts oder Unten links.
4. Wähle ein Symbol: Einkaufswagen, Einkaufstasche, Korb oder Handtasche.
5. Speichere.

Der Button ist ausgeschaltet, bis du ihn aktivierst, daher ändert sich in deinem Shop nichts, bevor du speicherst.

Festlegen, wo er erscheint

• Auf Desktop anzeigen und Auf Mobil anzeigen legen die Geräte fest. Die Vorschau zeigt den Button, solange eine der beiden Optionen aktiviert ist.
• Bei leerem Warenkorb anzeigen hält den Button auch ohne Artikel auf dem Bildschirm. Ist die Option aus, erscheint er nur, solange Artikel im Warenkorb liegen.
• Käufer dürfen ihn verschieben erlaubt Käufern, den Button zu verschieben. Die Position wird in ihrem Browser gespeichert.

Was Käufer sehen

Der Button trägt ein kleines Badge mit der Anzahl. Er wird ausgeblendet, solange der Drawer geöffnet ist, und erscheint wieder, wenn der Drawer geschlossen wird. Wenn die fixierte Warenkorb-Leiste von Bundlex Bundles (Fixierter Warenkorb-Button) angezeigt wird, rückt der Button nach oben, damit er sie nicht verdeckt.

Er verwendet die Akzentfarbe deines Drawers, bis du eine eigene wählst. Öffne im Tab Stil unter Farben die Zeile Schwebender Warenkorb-Button, um Button und Button-Text festzulegen. Die Zeile erscheint nur, solange der Button aktiviert ist. Es gibt kein Feld für die Größe. Für alles andere verwende Benutzerdefiniertes CSS.

Screenreader und andere Sprachen

Screenreader lesen den Button als "Warenkorb öffnen" vor. Ändere diesen Text unter Erweitert > Meldungen > Screenreader-Texte, im Feld Schwebender Warenkorb-Button (Screenreader). Andere Sprachen erhalten ihn auf der Übersetzungsseite des Warenkorbs, in der Karte Schwebender Warenkorb-Button, solange der Button aktiviert ist.