Skip to main content
Ud over styling har carten et par adfærds-indstillinger, der styrer, hvordan den interagerer med din storefront — hvornår skuffen åbner, og hvilke temaelementer Aftersell holder synkroniseret med carten.

​
Hvor du finder dem

Åbn Cart settings i cart-editoren. Mulighederne nedenfor er grupperet under Behavior og Custom selector.

​
Åbn carten, når en vare tilføjes

Open cart when an item is added styrer, om skuffen automatisk springer op, hver gang en kunde tilføjer et produkt. Den er slået til som standard. Slå den fra, hvis du hellere vil have, at carten forbliver lukket, indtil kunden selv åbner den.

​
Tema-selektorer

Aftersell kobler sig på din storefront gennem CSS-selektorer — for eksempel for at vide, hvilket element der åbner carten, eller hvilken cart-ikon-tæller der skal holdes synkroniseret. Indbygget detektion dækker de mest populære Shopify-temaer (Dawn, Sense, Crave, Debut, Impulse, Horizon og mange andre), så de fleste butikker behøver aldrig at røre disse. Justér kun en selektor, hvis noget ikke kobles korrekt op på dit tema.

​
Selektor-tilstande

Hver selektor tilbyder de samme tre tilstande: Selektor-inputtet er kun aktiveret for tilstandene Default + custom og Custom only.

​
De tre selektorer

​
Sådan finder du en selektor

  1. Åbn din storefront i en browser (Chrome anbefales).
  2. Højreklik på det element, du vil ramme — dit cart-ikon, antalstallet eller læg-i-kurv-knappen — og vælg Inspect.
  3. I panelet, der åbner, skal du finde det element, der repræsenterer det (tælleren er ofte en span inde i cart-ikonet).
  4. Notér dets klasse (starter med .) eller ID (starter med #) — for eksempel .header__cart-count span eller #CartCount.
  5. Tilbage i Cart settings skal du sætte selektoren til Default + custom eller Custom only og indsætte den.
  6. Gem, og test derefter på både desktop og mobil.
Start med Default — den virker for de fleste temaer uden opsætning. Gå til Default + custom, når kun ét af flere ikoner opdateres (fx desktop virker, men mobil gør ikke), og Custom only, når standarden rammer det forkerte element. Hvis du er usikker på, hvilken selektor du skal bruge, kan din temaudvikler udpege den — du behøver ikke skrive nogen kode, bare kopiere og indsætte.