Zum Hauptinhalt springen

Slide-Cart-Einstellungen erklärt

Ein kurzer Rundgang durch alle Bereiche der Slide-Cart-Einstellungen: was sie bewirken und wo du sie findest.

Verfasst von Tina

Öffne in deinem Shopify-Admin Candy Rack > Slide cart. Das Menü links ist in vier Gruppen unterteilt: General, Essentials, Offers und Features. Die Live-Vorschau rechts aktualisiert sich bei jeder Änderung.

Ein grüner Punkt neben einem Menüpunkt bedeutet, dass er aktiv ist (bei Angeboten: dass es mindestens ein aktives Angebot gibt). Ein grauer Punkt bedeutet, dass er deaktiviert ist.

Allgemein (General)

Design

Das Gesamterscheinungsbild deines Slide Carts.

  • Desktop cart width

  • Background color, Text color und Error message color

  • Corner radius

  • Footer: Hintergrundfarbe und optionale Trennlinie.

  • Custom CSS: für alles, was über die integrierten Einstellungen hinausgeht, z. B. eigene Schriftarten. Siehe Slide cart CSS customization.

Layout

Ändere per Drag-and-drop die Reihenfolge der Blöcke im Body und im Footer.

  • Body: Announcement bar, Reward bar, Cart items und Custom block. Cart items, Line item offers und Cart block offers bilden eine Gruppe und werden immer zusammen verschoben.

  • Footer: Total, Custom text, Discounts, Custom block, Terms and conditions und Checkout buttons.

Jeder Block zeigt an, ob er gerade On oder Off ist.

Leerer Warenkorb (Empty cart)

Was Kund:innen sehen, wenn der Warenkorb leer ist.

  • Title und Schriftgröße

  • Button action: Stay on page (schließt den Warenkorb) oder Custom link.

  • Button label

Tipp: Verlinke den Button auf deine Bestseller-Kollektion, damit Kund:innen weiter einkaufen.

Grundlagen (Essentials)

Kopfzeile (Top bar)

Die Kopfzeile des Warenkorbs.

  • Title: Nutze {{item_quantity}}, um die Anzahl der Artikel anzuzeigen, z. B. Cart (2).

  • Font size

  • Sticky top bar: Die Kopfzeile bleibt beim Scrollen sichtbar.

Warenkorbartikel (Cart items)

Wie Produkte im Warenkorb angezeigt werden.

  • Image ratio und Image width

  • Product name font size

  • Variant and price font size

Rabatte (Discounts)

Lass Kund:innen Rabattcodes direkt im Warenkorb einlösen. Gültige Codes aktualisieren die Gesamtsumme sofort.

  • Collapsible discount field: Das Feld bleibt unter einem kleinen Titel „Discount +“ verborgen, bis darauf geklickt wird.

  • Title, Input placeholder und Button label

  • Error message: wird angezeigt, wenn ein Code nicht eingelöst werden kann.

  • Schriftgrößen und Button-Farben.

Gesamtsumme (Total)

  • Total title (z. B. Estimated total) und Schriftgröße.

  • Show subtotal and discounts: zeigt über der Gesamtsumme eine Aufschlüsselung mit eigenem Titel und eigener Schriftgröße.

  • Show order discount in preview: zeigt direkt in der Admin-Vorschau, wie Rabatte aussehen.

Checkout-Buttons (Checkout buttons)

Primary button

  • Button action: Go to checkout oder Go to cart page.

  • Button label: Nutze {{subtotal}}, um den Warenkorbwert auf dem Button anzuzeigen.

  • Schriftgröße, Hintergrund- und Textfarben (Standard und Hover) sowie optionaler Rahmen.

Secondary button

Ein optionaler zweiter Button unter dem primären, z. B. „Continue shopping“.

  • Style

  • Button action: Stay on page (schließt den Warenkorb), Go to cart page oder Custom link.

  • Button label

  • Hintergrund- und Textfarben (Standard und Hover).

  • Show border: mit Rahmenbreite und -farben (Standard und Hover).

Angebote (Offers)

Angebotsblock im Warenkorb (Cart block)

Ein eigener Angebotsbereich im Warenkorb, z. B. „Get extras for your product“.

  • Layout: List (untereinander) oder Carousel (wischbare Reihe).

  • Title und optionaler subtitle

  • Offer card style: Standard oder Card.

  • Bildbreite, Schriftgrößen und Button-Stil.

Angebote bei Artikeln (Line item)

Angebote direkt unter dem Warenkorbartikel, zu dem sie gehören. Wird das zugehörige Produkt aus dem Warenkorb entfernt, verschwinden sie automatisch.

  • Layout: Checkbox (Kund:innen kreuzen das Angebot an, um es hinzuzufügen) oder Button.

  • Background color, Show image und Bildbreite.

  • Schriftgrößen für Badge, Produktname sowie Preis und Beschreibung.

  • Show line item offers in preview

Über Manage offers gelangst du in beiden Bereichen zu den Angeboten mit dieser Platzierung. Mehr dazu in Enable slide cart with upsells.

Funktionen (Features)

Ankündigungsleiste (Announcement bar)

Eine kurze Nachricht ganz oben im Warenkorb, für Aktionen oder vertrauensbildende Hinweise.

  • Text (fett, kursiv, Links)

  • Font size, Background color und Text color

  • Sticky announcement bar

Belohnungsleiste (Reward bar)

Ein Fortschrittsbalken, der Kund:innen zeigt, wie viel sie noch ausgeben müssen, um eine Belohnung wie kostenlosen Versand freizuschalten. Die Schwellenwerte können je Shopify-Markt unterschiedlich sein. Die vollständige Einrichtung findest du im Artikel Rewards bar.

Eigener Text (Custom text)

Eine kurze Zeile über dem Checkout-Button, z. B. „Steuern und Versand werden an der Kasse berechnet“.

  • Text (bis zu 100 Zeichen) und Font size

AGB (Terms and conditions)

Hole vor dem Checkout eine Zustimmung ein.

  • Text: deine Zustimmungsnachricht mit Link zu deinen AGB.

  • Required consent: Wenn aktiviert, müssen Kund:innen ein Kästchen über dem Checkout-Button ankreuzen, bevor sie fortfahren können, und du kannst eine Error message festlegen, falls sie es nicht tun. Wenn deaktiviert, wird der Text als einfacher Hinweis ohne Kästchen angezeigt.

  • Font size

Eigener Block (Custom block – body / footer)

Füge eigene Widgets in HTML und CSS hinzu, z. B. Zahlungslogos, Countdown-Timer oder ein Feld für eine Bestellnotiz. Der Block im Body kann sticky gemacht werden. Beispiele zum Kopieren findest du unter Add a custom block in your slide cart.

Brauchst du Hilfe?

Schreib uns über den In-App-Chat oder an [email protected].

Hat dies deine Frage beantwortet?