Checkout-Upsell anpassen

Overview of customizing the appearance of the Checkout upsell at the checkout page.

Denken Sie daran, den Block „BOGOS Checkout Upsell“ in Ihrem Theme-Editor hinzuzufügen, damit das Upsell-Widget beim Checkout erscheinen kann. So geht's.

1. Allgemein

1. Widget-Layouts: Es gibt 2 Widget-Layouts zur Auswahl für die Anzeige von Upsell-Produkten:

• Karussell: Zeigt Upsell-Produkte in einem scrollbaren horizontalen Format an.

• Stapel: Zeigt Upsell-Produkte in einer vertikalen Liste an.

1. Bildausrichtung: Steuern Sie, wie das Produktbild innerhalb des Widgets positioniert wird (oben, mittig, unten).

2. Rahmenradius: Steuern Sie, wie abgerundet die Ecken Ihres Widgets erscheinen.

3. Widget-Position:

Um das Widget auf Ihrer Checkout-Seite neu zu positionieren, gehen Sie zu Ihrem Theme-Editor und bearbeiten Sie den Block „BOGOS Checkout Upsell“.

Weitere Details finden Sie in unserem [BOGOS-Block anpassen].

2. Widget-Info

• Upsell-Nachricht aktivieren: Aktivieren Sie dies, um eine Nachricht oben in Ihrem Upsell-Widget anzuzeigen.

• Vergleichspreis aktivieren: Aktivieren Sie dies, um den ursprünglichen Preis des Upsell-Produkts vor Anwendung des Rabatts anzuzeigen.

• Upsell-Nachricht: Passen Sie die Nachricht an, die oben im Upsell-Widget angezeigt wird.

• Button-Text: Wählen Sie den Text für den Button, den Kunden anklicken, um das Upsell-Produkt zu ihrer Checkout-Zusammenfassung hinzuzufügen.

3. Farbe

Die Farboptionen sind einfach gehalten, um dem Checkout-Stil von Shopify zu entsprechen. Sie können diese 3 Farben anpassen:

• Button-Stil: Der Button zum Hinzufügen des Upsell-Produkts zur Checkout-Zusammenfassung.

• Hintergrundfarbe: Die Hintergrundfarbe des Upsell-Widgets.

• Preisfarbe: Der rabattierte Preis, den der Kunde zahlen wird.

Wenn Sie „Akzentfarbe“ für den Preis auswählen, synchronisiert BOGOS die Preisfarbe mit der in Ihrem Checkout-Theme festgelegten Akzentfarbe.

Um dies zu ändern, klicken Sie auf den blauen Satz „Legen Sie hier die Akzentfarbe Ihres Shops fest“, um zu Ihrem Theme-Editor weitergeleitet zu werden, und passen Sie dann die gewünschte Akzentfarbe an.

Das Ändern der Akzentfarbe aktualisiert auch andere Elemente, die diese in Ihrem Checkout verwenden.