Skip to main content

Overzicht

De besparingsrij van Upcart toont informatie over toegepaste kortingen, codes en besparingen. Als je de voorkeur geeft aan een meer minimalistische lay-out, kun je elementen selectief verbergen met aangepaste CSS. Je kunt de hele rij verwijderen of alleen specifieke onderdelen, zoals het kortingsbedrag, de codebadges of het woord “Discount”.

Waar vind je de Custom CSS-editor

  1. Ga naar Upcart > Cart Editor > Settings > Custom CSS
  2. Plak de onderstaande codefragmenten in het invoerveld
  3. Klik op Save
  4. Vernieuw je storefront om de wijzigingen live te zien

CSS-voorbeelden

Verberg de volledige besparingsrij in V1.0

Verberg de volledige besparingsrij in V2.0

Verwijdert alle kortingsgerelateerde content uit de cart drawer.
Verberg alleen het kortingsbedrag in V1.0

Verberg alleen het kortingsbedrag in V2.0

Houdt het kortingslabel of de code zichtbaar, maar verbergt het bespaarde bedrag.
Verberg kortingscodebadges in V1.0
Verberg kortingscodebadges in V2.0
Verbergt de visuele badge die de actieve kortingscode weergeeft.
Verberg het besparingslabel in V1.0 Het V1-label heeft geen eigen class; beperk de regel daarom tot de besparingsrij:
Target .UpcartDesignSettings__cartTextColor niet op zichzelf. Dit is de globale utility-class voor de tekstkleur van de cart, toegepast op de header, aankondigingen, de rewards bar, producttitels, de titel van de aanbevelingen en meer — als je deze verbergt, verdwijnt het grootste deel van de winkelwagen.
De labeltekst zelf is je vertaling van Total discount savings text, die standaard “Discounts” is — je kunt daar de formulering aanpassen in plaats van het label te verbergen.

Verberg het woord “Discount” in V2.0

Verbergt statische tekst die het woord “Discount” gebruikt. Je wilt deze selector mogelijk handmatig aanpassen voor preciezere targeting.

Belangrijke opmerking

Het verbergen van elementen, met name het kortingsbedrag, kan de zichtbaarheid van promoties en besparingen verminderen. Denk na over de klantervaring voordat je deze wijzigingen toepast.

Hulp nodig?

Voor geavanceerde styling of lay-outwijzigingen raden we aan om samen te werken met een Shopify Expert. Het supportteam van Upcart helpt niet bij de implementatie van aangepaste code. Bekijk Shopify Experts