Skip to main content

​
Overzicht

Wil je de lettergrootte van specifieke tekstelementen in je winkelwagen wijzigen (zoals upselltitels of variantopties), dan kun je dat doen met de ingebouwde Custom CSS-editor van Upcart.

​
Stap 1: inspecteer het element

  1. Open je storefront en start de Upcart-drawer.
  2. Klik met de rechtermuisknop op het element waarvan je de lettergrootte wilt wijzigen.
  3. Kies Inspect in het contextmenu van je browser om de Developer Tools te openen.
  4. Zoek de classnaam van het element in het HTML-paneel.
    Voorbeeld: upcart-item-option

​
Stap 2: open de Custom CSS-editor

  1. Ga naar Shopify Admin > Apps > Upcart
  2. Open de Cart Editor
  3. Klik op Settings
  4. Zoek de sectie Custom CSS

​
Stap 3: schrijf je aangepaste CSS

In het CSS-invoerveld:
  1. Begin met een punt (.) gevolgd door de classnaam
  2. Voeg { font-size: 14px !important; } toe (of de gewenste grootte)
Voorbeeld:
💡 Let op: .upcart-item-option is een V1-class. Op V2 is de equivalente varianttekst van regelitems .upcart-public-component-product-tile__variant. Zie de V2 CSS-selectorbibliotheek voor de volledige set. Gebruik !important alleen als de stijl na de wijziging niet wordt overschreven.

​
Stap 4: opslaan en testen

  1. Klik op Save in de Cart Editor
  2. Vernieuw de pagina van je storefront
  3. Open de cart drawer en controleer of de lettergrootte is bijgewerkt
Als de tekst niet is veranderd, controleer dan de classnaam of gebruik de Inspect-tool van de browser opnieuw om te bevestigen dat je het juiste element target.