> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# De kortingsrij of specifieke besparingselementen verbergen

> Verberg delen van de kortingsoverzichtssectie voor een strakker cartontwerp.

<div id="overview">
  # Overzicht
</div>

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".

***

<div id="where-to-find-the-custom-css-editor">
  ## Waar vind je de Custom CSS-editor
</div>

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

***

<div id="css-examples">
  ## CSS-voorbeelden
</div>

**Verberg de volledige besparingsrij in V1.0**

```
.upcart-savings-row {  
  display: none;  
}
```

<div id="hide-the-entire-savings-row-in-v20">
  #### **Verberg de volledige besparingsrij in V2.0**
</div>

```
.upcart-public-cart-summary {  
  display: none;  
}
```

Verwijdert alle kortingsgerelateerde content uit de cart drawer.

***

**Verberg alleen het kortingsbedrag in V1.0**

```
.upcart-savings-amount {       
  display: none;     
}
```

<div id="hide-only-the-discount-amount-in-v20">
  #### **Verberg alleen het kortingsbedrag in V2.0**
</div>

```
.upcart-public-cart-summary__total-discount {       
  display: none;     
}
```

Houdt het kortingslabel of de code zichtbaar, maar verbergt het bespaarde bedrag.

***

**Verberg kortingscodebadges in V1.0**

```
.upcart-discount-code-badge {       
  display: none;     
}
```

**Verberg kortingscodebadges in V2.0**

```
.upcart-public-cart-summary__slide-codes {       
  display: none;     
}
```

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:

```
.upcart-savings-row .styles_Footer__savingsCodes__ > span {       
  display: none;     
}
```

<Warning>
  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.
</Warning>

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.

<div id="hide-the-word-discount-in-v20">
  #### **Verberg het woord "Discount" in V2.0**
</div>

```
.upcart-public-cart-summary__discount-label {       
  display: none;     
}
```

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

<div id="important-note">
  ## Belangrijke opmerking
</div>

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.

<div id="need-help">
  ## Hulp nodig?
</div>

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](https://www.shopify.com/partners/directory)