Erstelle eine mobile Sticky Add-to-Cart-Leiste, die nach dem Hero-Bereich erscheint. Produktbild, Name, Preis, Varianten-Picker.
Want more control? See the expanded prompt ›
Füge eine Sticky Add-to-Cart-Leiste hinzu, die auf dem Handy erscheint, wenn User am Hero-Bereich vorbeiscrollen. Inklusive Produktbild, Name, Preis und Variantenauswahl.
- Mobile-only Sticky-Leiste, die sich hochschiebt, nachdem der Hero-Bereich aus dem Sichtfeld scrollt.
- Varianten-basiert: Wird bei Ausverkauf ausgeblendet und synchronisiert sich mit der Haupt-Buy-Box.
- Rund 2 KB JS, nutzt IntersectionObserver – keine Scroll-Listener.
- Kompatibel mit AJAX Cart Drawern und Standard-Warenkorb-Weiterleitungen.
Was du erreichen willst
Mobile Käufer verlieren den Add-to-Cart-Button aus den Augen, wenn sie auf der Produktseite nach unten scrollen. Eine Sticky-Leiste hält den Kauf immer nur einen Tap entfernt – und in Shops mit langen PDPs (Reviews, Zutatenlisten, FAQs) steigert sie die mobile Add-to-Cart-Rate regelmäßig um 5–15 %.
Worauf du achten solltest
- Desktop vs. Mobile – Fudge übernimmt das: Die Leiste ist standardmäßig nur mobil sichtbar, damit sie dein bestehendes Desktop-Layout nicht stört.
- Kollision mit dem Hero – Fudge übernimmt das: Die Leiste erscheint erst, wenn der User am Hero-Bereich vorbeigescrollt ist, sodass der erste Eindruck aufgeräumt bleibt.
- Variantenauswahl – Fudge übernimmt das: Die Leiste berücksichtigt ausverkaufte Varianten und deaktiviert den Button entsprechend.
- Warenkorb-Drawer-Kompatibilität – Fudge übernimmt das: Funktioniert sowohl mit AJAX Cart Drawern als auch mit Standard-Warenkorb-Weiterleitungen.
Wie Fudge das macht
Fudge dupliziert dein Live-Theme in einen Entwurf, bearbeitet das entsprechende Template (Produkt, Warenkorb oder Checkout) mit den von dir gewünschten Änderungen und testet das Ganze mit deinen echten Produktdaten. Alles beginnt im Entwurf – sieh dir die Vorschau auf einem beliebigen Produkt oder im Warenkorb an, passe Details an und veröffentliche es, wenn du bereit bist. Dein Live-Shop bleibt unangetastet.
Warum Sticky Add-to-Cart-Leisten auf dem Handy funktionieren
Auf mobilen PDPs scrollt die Buy-Box schnell aus dem Sichtfeld. Eine Sticky Add-to-Cart-Leiste, die erscheint, sobald der Hero-Bereich weggescrollt wird – mit Produktbild, Name, Preis und Varianten-Auswahl – hält den Conversion-Moment immer nur einen Tap entfernt.
Wann sich die Umsetzung lohnt
Baue eine Sticky ATC für jeden Shop mit nennenswertem Mobile-Traffic und langen PDPs. Überspringe es bei kurzen PDPs, bei denen kaum gescrollt wird.
Was eine gute Leiste ausmacht
- Nur mobil — auf dem Desktop bringt es nichts.
- Erscheint nach dem Hero-Bereich — ausgelöst durch den IntersectionObserver.
- Bild, Name, Preis, Variante — alle kaufrelevanten Infos.
- Marken-Design — passt zum Rest der PDP.
Kombiniere das mit variantenspezifischer Bestandsverknappung und einer Trust-Badge- und Garantie-Leiste.