Skip to main content

Overzicht

Met Upcart kun je de kleuren van de upsell-variantselectors wijzigen met eenvoudige aangepaste CSS. Dit is een snelle manier om het uiterlijk van je winkelwagen af te stemmen op je merk en de klantervaring tijdens de productselectie te verbeteren. Deze aanpassing is ideaal voor winkeleigenaren of ontwikkelaars met basiskennis van CSS.

Waar je de Custom CSS-editor vindt

  1. Ga naar Upcart > Cart Editor > Settings > Custom CSS
  2. Scrol omlaag naar het invoerveld en plak je CSS-code
  3. Klik op Save
  4. Vernieuw je storefront om de wijzigingen live te bekijken

Voorbeeld-CSS voor styling van de variantselector in V1.0

Voorbeeld-CSS voor styling van de variantselector in V2.0


Hoe je dit aanpast

  • color: stelt de tekstkleur in
  • background-color: stelt de achtergrond van het variantselectorvak in
Je kunt verschillende soorten waarden gebruiken, zoals:
  • Benoemde kleuren (voorbeeld: black, white, red)
  • Hexcodes (voorbeeld: #000000)
  • RGB-waarden (voorbeeld: rgb(255, 0, 0))
Voorbeeld:
Zo kun je een variantselectorstijl creëren die opgaat in het ontwerp van je winkel of juist opvalt om de aandacht te trekken.

Nog steeds hulp nodig?

Voor extra aanpassingen raden we aan om samen te werken met een Shopify Expert. Die kan helpen bij het toevoegen van HTML, CSS of JavaScript aan je cart drawer. Bekijk Shopify Experts