Skip to main content
Naast styling 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.

​
Waar je deze vindt

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

​
De cart openen wanneer een item wordt toegevoegd

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.

​
Thema-selectors

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.

​
Selectormodi

Elke selector biedt dezelfde drie modi: Het selectorveld is alleen ingeschakeld voor de modi Default + custom en Custom only.

​
De drie selectors

​
Een selector vinden

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