> ## 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 winkelwagen beperken tot één upsell tegelijk

> Gebruik aangepaste HTML om de upsell-module te verbergen nadat één upsell aan de winkelwagen is toegevoegd.

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

Deze aanpassing voorkomt dat meerdere upsells tegelijk worden toegevoegd door de upsell-sectie te verbergen zodra één upsell is geaccepteerd. Zodra de upsell wordt verwijderd, verschijnt de module weer.

Dit is handig als je wilt:

* De cartervaring vereenvoudigen
* Keuzestress verminderen
* Exclusiviteit rond bepaalde aanbiedingen behouden

***

<div id="how-it-works">
  ## Hoe het werkt
</div>

* Wanneer een klant een upsell accepteert, wordt de upsell-sectie verborgen
* Als het upsell-artikel wordt verwijderd, wordt de upsell-sectie weer zichtbaar
* Werkt met zowel door AI aanbevolen als handmatige upsells

***

<div id="where-to-add-the-code">
  ## Waar je de code toevoegt
</div>

1. Ga naar **Upcart > Cart Editor > Settings > Custom HTML**

<Warning>
  **De onderstaande selector is alleen voor Versie 1.** `.upcart-upsells-module` staat op de V1-upsellcarrousel. Als je Upsells-module op **Versie 2** staat, vervang deze dan door `.upcart-public-upsell` in alle drie de handlers — de rest van het script blijft ongewijzigd. Zie de [V2 CSS-selectorbibliotheek](/nl/upcart/upcart_css_selector_library_v2).
</Warning>

2. Plak de volgende code in de locatie **Above announcements/rewards**

***

<div id="html-script-to-copy">
  ## HTML-script om te kopiëren
</div>

```
<script>  
  // Show upsells again when upsells are removed  
  window.upcartSubscribeItemRemoved((event) => {  
    if (event.item?.properties?.__upcartUpsell) {  
      const upsells = window.upcartDocumentOrShadowRoot.querySelector(".upcart-upsells-module");  
      if (upsells) upsells.style.display = "block";  
    }  
  });  
  
  // Hide upsells once one is added  
  window.upcartSubscribeUpsellsAddedToCart(() => {  
    const upsells = window.upcartDocumentOrShadowRoot.querySelector(".upcart-upsells-module");  
    if (upsells) upsells.style.display = "none";  
  });  
  
  // Check for upsell in cart when it loads  
  window.upcartSubscribeCartLoaded((event) => {  
    const upsells = window.upcartDocumentOrShadowRoot.querySelector(".upcart-upsells-module");  
    const items = event.cart.items || [];  
    const hasUpsell = items.some(item => item?.properties?.__upcartUpsell);  
    if (upsells && hasUpsell) {  
      upsells.style.display = "none";  
    }  
  });  
</script>
```

<Note>
  **Legacy-opmerking:** `window.upcartOnItemRemoved`-, `window.upcartOnAddUpsell`- en `window.upcartOnCartLoaded`-callbacks werken nog steeds, maar zijn verouderd en loggen consolewaarschuwingen. Gebruik `upcartSubscribeItemRemoved`, `upcartSubscribeUpsellsAddedToCart` en `upcartSubscribeCartLoaded` voor alle nieuwe scripts.
</Note>

***

<div id="result">
  ## Resultaat
</div>

Zodra deze aanpassing is toegevoegd:

* Zien klanten alleen upsells als ze er nog geen hebben geaccepteerd
* Wordt de upsell-module verborgen zodra een upsell is toegevoegd
* Verschijnt de module automatisch weer als het upsell-artikel wordt verwijderd
* Hoef je geen product-ID's of tags te configureren

Zo blijft je upsell-ervaring gericht, overzichtelijk en gemakkelijk voor klanten om mee te werken.

***

<div id="still-need-help">
  ## Nog steeds hulp nodig?
</div>

Voor geavanceerdere aanpassingen raden we aan om samen te werken met een **Shopify Expert**. Zij kunnen helpen met HTML, CSS en JavaScript in je cart drawer.

[Bekijk Shopify Experts](https://www.shopify.com/partners/directory)