Skip to main content

Überblick

Diese Anpassung verhindert, dass mehrere Upsells gleichzeitig hinzugefügt werden, indem der Upsell-Bereich ausgeblendet wird, sobald ein Upsell angenommen wurde. Sobald der Upsell entfernt wird, erscheint das Modul wieder. Das ist nützlich, wenn du:
  • das Warenkorb-Erlebnis vereinfachen möchtest
  • Entscheidungsmüdigkeit reduzieren möchtest
  • die Exklusivität bestimmter Angebote wahren möchtest

So funktioniert es

  • Wenn ein Kunde einen Upsell annimmt, wird der Upsell-Bereich ausgeblendet
  • Wenn der Upsell-Artikel entfernt wird, wird der Upsell-Bereich wieder sichtbar
  • Funktioniert sowohl mit KI-empfohlenen als auch mit manuellen Upsells

Wo du den Code hinzufügst

  1. Gehe zu Upcart > Cart Editor > Settings > Custom HTML
Der Selektor unten gilt nur für Version 1. .upcart-upsells-module befindet sich auf dem V1-Upsell-Karussell. Wenn dein Upsells-Modul auf Version 2 läuft, ersetze ihn in allen drei Handlern durch .upcart-public-upsell — der Rest des Skripts bleibt unverändert. Siehe die V2-CSS-Selektor-Bibliothek.
  1. Füge den folgenden Code an der Position Above announcements/rewards ein

Zu kopierendes HTML-Skript

Hinweis zur Legacy-API: Die Callbacks window.upcartOnItemRemoved, window.upcartOnAddUpsell und window.upcartOnCartLoaded funktionieren noch, sind aber veraltet und erzeugen Konsolenwarnungen. Verwende upcartSubscribeItemRemoved, upcartSubscribeUpsellsAddedToCart und upcartSubscribeCartLoaded für alle neuen Skripte.

Ergebnis

Sobald diese Anpassung hinzugefügt wurde:
  • Kunden sehen Upsells nur, wenn sie noch keinen angenommen haben
  • Das Upsell-Modul wird ausgeblendet, sobald ein Upsell hinzugefügt wird
  • Das Modul erscheint automatisch wieder, wenn der Upsell-Artikel entfernt wird
  • Keine Konfiguration von Produkt-IDs oder Tags erforderlich
So bleibt dein Upsell-Erlebnis fokussiert, übersichtlich und für Kunden leicht zugänglich.

Brauchst du weitere Hilfe?

Für fortgeschrittenere Anpassungen empfehlen wir die Zusammenarbeit mit einem Shopify-Experten. Er kann dir mit HTML, CSS und JavaScript in deinem Cart Drawer helfen. Shopify-Experten ansehen