> ## 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. # Kurvikonets antal/tæller opdateres ikke > Denne artikel beskriver, hvordan du retter dit kurvikons antal, når det ikke opdateres i Upcart.
# Oversigt
Nogle temaer opdaterer ikke ikonet automatisk, og denne guide viser dig, hvordan du løser det med lidt brugerdefineret kode. Følg trinnene nedenfor for at få alt til at synkronisere korrekt. **Her er et eksempel på, hvordan denne uoverensstemmelse ser ud:** Upcart-drawer, der viser Cart 2, mens temaets kurvikonboble stadig viser 1 ***
# Vigtige trin, før du starter!
For at rette kurvikon-problemet skal du finde klassenavnet på dit kurvikon. Hvert tema er forskelligt, og dette trin sikrer, at koden fungerer specifikt for din butik.
### **1. Brug Chrome Developer Tools**
Hvert tema er forskelligt, så du skal bruge Chrome Developer Tools (Inspect) til at finde klassenavnet på dit kurvikon. * Højreklik på dit kurvikon på din butiksfacade, og vælg **Inspect** i Google Chrome. * Find HTML-elementet for dit kurvikon (f.eks. **``**). * **Brug for hjælp til Chrome Developer Tools?** Se [denne guide](https://developer.chrome.com/docs/devtools/overview/) for trinvise instruktioner.
### **2. Bed om hjælp (valgfrit)**
Hvis du ikke kan finde din kurvikonklasse eller sidder fast, så fortvivl ikke! Du har muligheder: * **Kontakt din temaudvikler:** De kender dit tema bedst og kan hjælpe dig med at finde den korrekte klasse. * **Hyr en Shopify Expert:** Hvis du har brug for yderligere hjælp, har Shopify et katalog over betroede eksperter, der kan hjælpe. [Find en Shopify Expert her](https://experts.shopify.com/).
## 🚧 **Forbehold om brugerdefineret kode**
Eksempelkoden nedenfor er kun en skabelon — **den virker ikke, hvis du kopierer og indsætter den direkte**. Du skal erstatte pladsholder-klassenavnet (f.eks. **`.cart-count-bubble > span`**) med det specifikke klassenavn for dit kurvikon. ***
# Trinvis løsning
Vi har opdelt processen i tre niveauer af løsninger, startende med den enkleste (Niveau 1). Hvert niveau bygger videre på det foregående — prøv Niveau 1 først, og gå kun videre til Niveau 2 eller 3, hvis det er nødvendigt.
## **Trin 1: Tilføj brugerdefineret kode i Upcart**
Da vi skal tilføje noget brugerdefineret HTML-kode i Upcart-editoren, gør vi først den sektion klar: 1. Gå til **Upcart Editor > Settings**, og åbn derefter fanen **Custom HTML** (bag **More settings**, hvis den ikke er plads til den på fanerækken). 2. Sæt placeringen til **Scripts (Before Load)**. 3. Indsæt din redigerede kode her (vi giver eksempler for hvert niveau nedenfor). Sådan ser det ud: Upcart Custom HTML-indstillinger med HTML-placeringen sat til Scripts Before Load ***
# **Trin 2: Anvend løsningen efter niveau**
## Niveau 1 (Grundlæggende)
Når kurven indlæses, lægger dette script antallene på kurvens varelinjer sammen og skriver resultatet ind i antalselementet i dit temas kurvboble. Det passer til temaer, hvor antallet ligger i et simpelt indlejret element (for eksempel `.cart-count-bubble > span`). **Glem ikke** * Erstat **`.cart-count-bubble > span`** med din kurvikonklasse. * Test det på din butiksfacade, efter du har tilføjet koden. Indsættelse af Niveau 1-antalsscriptet i Upcart Custom HTML med cart-count-bubble-selektoren
## Eksempelkode til Niveau 1
```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}} ``` **Bemærkning om ældre versioner:** `window.upcartOnCartLoaded`-callbacks fungerer stadig, men er udfaset og logger advarsler i konsollen. Brug `upcartSubscribeCartLoaded` til alle nye scripts. Bemærk, at `event.cart` ikke har en `item_count`-egenskab — brug `event.cart.items.reduce((total, item) => total + item.quantity, 0)` til at beregne det samlede vareantal. ***
## Niveau 2 (Moderat)
Hvis Niveau 1 ikke virkede, erstatter dit tema muligvis hele kurvikonets HTML, når antallet ændres. Denne version genopbygger ikon-markuppen for tomme og ikke-tomme kurvtilstande, så antal og ikon forbliver synkroniseret. **Glem ikke** * Erstat **`#cart-icon-bubble-custom`** med dit temas wrapper-selektor for kurvikonet. * Test det, efter du har gemt. Indsættelse af Niveau 2-kurvikonscriptet i Upcart Custom HTML med cart-icon-bubble-custom-selektoren
### Eksempelkode til Niveau 2
```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}} ``` **Bemærkning om ældre versioner:** `window.upcartOnCartLoaded`-callbacks fungerer stadig, men er udfaset og logger advarsler i konsollen. Brug `upcartSubscribeCartLoaded` til alle nye scripts. Bemærk, at `event.cart` **ikke** har en `item_count`-egenskab — scriptsene ovenfor udleder totalen med `event.cart.items.reduce((total, item) => total + item.quantity, 0)` og sender den ind som `itemCount`. Ældre kopier af disse kodestykker, der interpolerer `cart.item_count`, kaster en `ReferenceError` og opdaterer aldrig ikonet uden fejlmelding. ***
## Niveau 3 (Avanceret)
Hvis dit tema bruger **separat** kurvikon-markup til desktop og mobil, skal du køre samme opdateringslogik mod to selektorer, så hver visning får den korrekte HTML og det korrekte antal. **Glem ikke** * Erstat **`#cart-icon-bubble-custom-desktop`** og **`#cart-icon-bubble-custom-mobile`** med dit temas klasser. * Test grundigt på både desktop- og mobilvisninger. Indsættelse af Niveau 3-scriptet i Upcart Custom HTML med separate kurvikon-selektorer til desktop og mobil
### Eksempelkode til Niveau 3
```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}} ``` **Bemærkning om ældre versioner:** `window.upcartOnCartLoaded`-callbacks fungerer stadig, men er udfaset og logger advarsler i konsollen. Brug `upcartSubscribeCartLoaded` til alle nye scripts. Bemærk, at `event.cart` **ikke** har en `item_count`-egenskab — scriptsene ovenfor udleder totalen med `event.cart.items.reduce((total, item) => total + item.quantity, 0)` og sender den ind som `itemCount`. Ældre kopier af disse kodestykker, der interpolerer `cart.item_count`, kaster en `ReferenceError` og opdaterer aldrig ikonet uden fejlmelding. ***
# Virker det stadig ikke?
Hvis ingen af disse niveauer løser problemet, så fortvivl ikke — du er ikke løbet tør for muligheder! Det betyder sandsynligvis, at dit tema kræver mere avanceret tilpasning. **Her er, hvad du kan gøre som det næste:** * Kontakt din temaudvikler for hjælp. * Hyr en [Shopify Expert](https://www.shopify.com/partners/directory), der kan skabe en skræddersyet løsning til din butik.