Skip to main content

Überblick

Mit Upcart kannst du die Farben der Upsell-Variantenwähler mit einfachem Custom CSS ändern. Das ist ein schneller Weg, das Erscheinungsbild deines Warenkorbs an deine Marke anzupassen und das Kundenerlebnis bei der Produktauswahl zu verbessern. Diese Anpassung ist ideal für Store-Betreiber oder Entwickler mit CSS-Grundkenntnissen.

Wo du den Custom-CSS-Editor findest

  1. Gehe zu Upcart > Cart Editor > Settings > Custom CSS
  2. Scrolle nach unten zum Eingabebereich und füge deinen CSS-Code ein
  3. Klicke auf Save
  4. Aktualisiere deinen Storefront, um die Änderungen live in der Vorschau zu sehen

Beispiel-CSS für das Styling des Variantenwählers in V1.0

Beispiel-CSS für das Styling des Variantenwählers in V2.0


So passt du es an

  • color: Legt die Textfarbe fest
  • background-color: Legt den Hintergrund des Variantenwähler-Felds fest
Du kannst verschiedene Arten von Werten verwenden, zum Beispiel:
  • Benannte Farben (Beispiel: black, white, red)
  • Hex-Codes (Beispiel: #000000)
  • RGB-Werte (Beispiel: rgb(255, 0, 0))
Beispiel:
So kannst du einen Variantenwähler-Stil erstellen, der sich entweder ins Design deines Stores einfügt oder auffällt, um Aufmerksamkeit zu erregen.

Brauchst du weiterhin Hilfe?

Für zusätzliche Anpassungen empfehlen wir die Zusammenarbeit mit einem Shopify Expert. Er kann dich beim Hinzufügen von HTML, CSS oder JavaScript zu deinem Cart Drawer unterstützen. Shopify Experts ansehen