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

# Cart-instellingen

> Gedragsinstellingen voor de Aftersell Cart — wanneer de drawer opent en de thema-selectors die je storefront synchroon houden.

Naast [styling](/nl/aftersell/cart/design-settings) heeft de cart een paar **gedragsinstellingen** die bepalen hoe hij met je storefront samenwerkt — wanneer de drawer opent, en welke thema-elementen Aftersell synchroon houdt met de cart.

<div id="where-to-find-these">
  ## Waar je deze vindt
</div>

Open in de cart-editor **Cart settings**. De onderstaande opties zijn gegroepeerd onder **Behavior** en **Custom selector**.

<div id="open-the-cart-when-an-item-is-added">
  ## De cart openen wanneer een item wordt toegevoegd
</div>

**Open cart when an item is added** bepaalt of de drawer automatisch openklapt telkens wanneer een shopper een product toevoegt. Dit staat standaard aan. Zet het uit als je liever hebt dat de cart gesloten blijft totdat de shopper hem zelf opent.

<div id="theme-selectors">
  ## Thema-selectors
</div>

Aftersell koppelt zich aan je storefront via CSS-selectors — bijvoorbeeld om te weten welk element de cart opent, of welke teller op het cart-icoon synchroon moet blijven. De ingebouwde detectie dekt de populairste Shopify-thema's (Dawn, Sense, Crave, Debut, Impulse, Horizon en vele andere), dus **de meeste winkels hoeven hier nooit iets aan te passen**. Pas een selector alleen aan als iets niet goed aansluit op jouw thema.

<div id="selector-modes">
  ### Selectormodi
</div>

Elke selector biedt dezelfde drie modi:

| Modus                | Wat hij doet                                                                                                                                                                                |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Default**          | Gebruikt de ingebouwde detectie van Aftersell voor ondersteunde thema's.                                                                                                                    |
| **Default + custom** | Behoudt de ingebouwde detectie en voegt daarbovenop je eigen selector toe — gebruik dit wanneer de standaard grotendeels werkt maar een element mist (bijvoorbeeld een apart mobiel icoon). |
| **Custom only**      | Negeert de ingebouwde detectie en gebruikt alleen jouw selector — gebruik dit wanneer de standaard het verkeerde element aanwijst of conflicteert met je thema.                             |

Het selectorveld is alleen ingeschakeld voor de modi **Default + custom** en **Custom only**.

<div id="the-three-selectors">
  ### De drie selectors
</div>

| Selector                 | Waar hij op richt                                                                                                | Voorbeeld                   |
| ------------------------ | ---------------------------------------------------------------------------------------------------------------- | --------------------------- |
| **Open cart selector**   | Het element (of de elementen) dat de cart drawer moet openen.                                                    | `.header__cart-toggle`      |
| **Add to cart selector** | De add-to-cart-knop(pen) waaraan Aftersell zich moet koppelen.                                                   | `.product-form__add-button` |
| **Cart count selector**  | Het element op het cart-icoon van je thema dat het aantal items toont, zodat het synchroon blijft met de drawer. | `.header__cart-count span`  |

<div id="how-to-find-a-selector">
  ### Een selector vinden
</div>

1. Open je storefront in een browser (Chrome aanbevolen).
2. Klik met de rechtermuisknop op het element dat je wilt targeten — je cart-icoon, het tellernummer of de add-to-cart-knop — en kies **Inspecteren**.
3. Zoek in het paneel dat opent het element dat het vertegenwoordigt (de teller is vaak een `span` binnen het cart-icoon).
4. Noteer de class (begint met `.`) of ID (begint met `#`) — bijvoorbeeld `.header__cart-count span` of `#CartCount`.
5. Terug in **Cart settings**, zet de selector op **Default + custom** of **Custom only** en plak hem erin.
6. Sla op en test vervolgens op zowel desktop als mobiel.

<Tip>
  Begin met **Default** — dit werkt voor de meeste thema's zonder configuratie. Grijp naar **Default + custom** wanneer slechts één van meerdere iconen wordt bijgewerkt (bijvoorbeeld desktop werkt maar mobiel niet), en **Custom only** wanneer de standaard het verkeerde element target. Weet je niet zeker welke selector je moet gebruiken? Je themadeveloper kan hem aanwijzen — je hoeft geen code te schrijven, alleen te kopiëren en plakken.
</Tip>