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

# Een subtotaalregel toevoegen aan Upcart

> Voor wie liever ook een subtotaalregel boven de checkout-knop laat weergeven

<div id="introduction">
  ## Introductie
</div>

Als de subtotaalinstelling *(hieronder afgebeeld)* niet voor je werkt, is hier een document dat uitlegt hoe je handmatig een subtotaalregel invoegt.

<div id="enabling-subtotal-line">
  ## De subtotaalregel inschakelen
</div>

Je kunt de subtotaalregel eenvoudig inschakelen in de Design-instellingen van de winkelwagen.

Hier vind je de instelling:

**Cart Editor > Design > General > Enable subtotal line**

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-cart-editor-design-settings.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=a1c15c581fe49f32c8144e25c23f5d5b" alt="Cart Editor Design-instellingen met het selectievakje Enable Subtotal Line gemarkeerd" width="505" height="380" data-path="images/upcart/subtotal-line-cart-editor-design-settings.png" />

<div id="inserting-subtotal-via-code">
  # Subtotaal invoegen via code
</div>

<div id="accessing-custom-css-and-html-settings">
  ## Toegang tot de Custom CSS- en HTML-instellingen
</div>

Volg deze stappen om de CSS voor je Upcart aan te passen:

1. Open de Upcart-app in je dashboard.
2. Navigeer naar de Cart Editor.
3. Open **Settings**. Het is een rij tabbladen — kies **Custom HTML** of **Custom CSS** (ze staan achter **More settings** als de rij te vol is).

<div id="html">
  ## HTML
</div>

Zorg dat je een HTML-locatie selecteert om de wijzigingen te richten die je in Upcart wilt zien. In ons geval willen we de subtotaalregel "boven de checkout-knop". Pas gerust de tekst "Subtotal" hieronder aan naar je gewenste taal.

```
<div   
  class="cart-subtotal-section"   
  style="display: flex; justify-content: space-between;"  
>  
  <span class="cart-subtotal-title">Subtotal</span>  
  <span class="cart-subtotal-value">{{UPCART_SUBTOTAL}}</span>  
</div>
```

Zo zouden je custom HTML-instellingen er in Upcart uit moeten zien:

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-custom-html-settings-above.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=28c3da390eca8817499ed35864f7f381" alt="Custom HTML-instellingen ingesteld op Above checkout button met de subtotaalregelcode" width="1470" height="966" data-path="images/upcart/subtotal-line-custom-html-settings-above.png" />

<div id="css">
  ## CSS
</div>

Wijzig in **Settings =>Custom CSS** de lettergrootte en kleuren in de custom CSS naar wens. Vergeet niet op "Save" te klikken als je klaar bent!

```
.cart-subtotal-section {  
  margin-bottom: 4px;  
}  
  
.cart-subtotal-title {  
  font-size: 24px;  
  color: red;  
}  
  
.cart-subtotal-value {  
  font-size: 18px;  
  color: green  
}
```

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-custom-css-settings-cart.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=2b4bd1b5ee98bc6eb5bb8f507a91ba31" alt="Custom CSS-instellingen met de stylingregels voor het winkelwagensubtotaal" width="1452" height="1032" data-path="images/upcart/subtotal-line-custom-css-settings-cart.png" />

***

<div id="support-for-customizations">
  ## 🚧 Support voor aanpassingen
</div>

Het supportteam van Upcart kan niet helpen bij het implementeren van custom CSS- of HTML-oplossingen in je winkelwagen.

Heb je hulp nodig bij het ontwerpen of stylen van iets op maat, dan raden we aan om [een Shopify Expert te raadplegen](https://www.shopify.com/partners/directory) of te chatten met een LLM [met behulp van onze AI-promptrichtlijnen](https://docs.aftersell.com/upcart/ai_prompt_suggestions_for_adding_custom_code_to_your_upcart_settings#ai-prompt-suggestions-for-adding-custom-code-to-your-upcart-settings).