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

# Skjul specifikke kurvelementer ved hjælp af produkt-ID'er

> Brug produkt-ID'er til betinget at skjule belønningsbjælken eller andre kurvelementer baseret på, hvad der er i kurven.

⚠️ **Vigtig meddelelse**

Denne tilpasning virker kun med Version 1 af Upcarts kurvmoduler. Hvis du for nylig har opgraderet din kurv til Version 2, virker disse tilpasninger muligvis ikke. Du skal bruge de nye selektorer til Version 2, som findes i [migrationsguiden.](/da/upcart/upcart_v20_migration_guide)

Hvis dine tilpasninger ikke virker som forventet, kan du selv rulle kurven tilbage til Version 1: I Cart Editor skal du bruge dropdown-menuen **Cart version** øverst i menuen til venstre og vælge **V1.0 (Legacy)**. Dropdown-menuen vises, når alle moduler i kurven er på V2.

Vi arbejder i øjeblikket på nye tilpasningsskabeloner til Version 2 af modulerne, og de vil snart være tilgængelige.

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

Denne tilpasning giver dig mulighed for at skjule specifikke dele af kurven, såsom belønningsbjælken, hvis bestemte produkter er til stede. Den er nyttig, når du vil forenkle kurvoplevelsen for bestemte SKU'er eller forhindre, at specifikke kampagner vises sammen med bestemte varer.

Denne opsætning bruger produkt-ID'er til at registrere, hvilke produkter der er i kurven, og skjuler et valgt element, hvis der findes et match. Du anvender logikken ved hjælp af brugerdefineret HTML og CSS i Upcart-editoren.

***

<div id="when-to-use-this">
  ## Hvornår du skal bruge dette
</div>

* Skjul belønningsbjælken, når kampagnevarer er i kurven
* Skjul brugerdefinerede indholdsblokke, tillidsbadges eller upsell-sektioner baseret på produkttype
* Bevar et renere eller mere skræddersyet checkout-flow for specifikke varer

Denne tilgang kræver grundlæggende kendskab til HTML og JavaScript.

***

<div id="step-1-find-the-product-ids">
  ## Trin 1: Find produkt-ID'erne
</div>

1. Gå til **Shopify Admin > Products**
2. Klik på det produkt, du vil målrette
3. Kopiér det numeriske produkt-ID fra URL'en efter `/products/`

**Eksempel:**

```
/products/1234567890 → 1234567890
```

Du skal bruge disse ID'er i det JavaScript-array, der styrer synligheden.

***

<div id="step-2-add-custom-html">
  ## Trin 2: Tilføj brugerdefineret HTML
</div>

1. Gå til **Upcart > Cart Editor > Settings > Custom HTML**
2. Indsæt følgende kode i **begge** HTML-placeringerne **Above announcements/rewards** og **On empty cart screen**
3. Erstat værdierne i `productIDsToExclude` med dine produkt-ID'er
4. Opdater `.YOUR-CLASS-HERE`, så den peger på det kurvelement, du vil skjule (for eksempel: `.upcart-rewards`, `.custom-message`, `.trust-badge`)

```
<script>  
  window.upcartSubscribeCartLoaded((event) => {  
    const items = event.cart.items;  
    const productIDsToExclude = [  
      6958755512411,  
      6958755610712,  
      7736708759774  
    ];  
  
    let cartContainsExcludedItem = false;  
  
    items.forEach((item) => {  
      productIDsToExclude.forEach((id) => {  
        if (item.productId === id) {  
          cartContainsExcludedItem = true;  
        }  
      });  
    });  
  
    const targetElement = window.upcartDocumentOrShadowRoot.querySelector(".YOUR-CLASS-HERE");  
    if (targetElement) {  
      targetElement.style.display = cartContainsExcludedItem ? "none" : "block";  
    }  
  });  
</script>
```

<Note>
  **Bemærkning om ældre version:** `window.upcartOnCartLoaded`-callbacks virker stadig, men er forældede og logger konsoladvarsler. Brug `upcartSubscribeCartLoaded` til alle nye scripts.
</Note>

***

<div id="step-3-optional-fallback-css">
  ## Trin 3: Valgfri fallback-CSS
</div>

Hvis du vil sikre, at elementet er skjult, før kurven er helt indlæst, kan du tilføje dette i sektionen **Custom CSS**:

```
.YOUR-CLASS-HERE {   display: none; }
```

**Bemærk:** Dette kan midlertidigt skjule elementet for alle brugere, indtil JavaScript kører, hvilket kan give flimren. I de fleste tilfælde er det bedre at holde sig til JavaScript-metoden.

***

<div id="final-result">
  ## Slutresultat
</div>

Når opsætningen er klar:

* Det målrettede kurvelement (såsom belønningsbjælken) skjules, hvis kurven indeholder et af de angivne produkter
* Elementet forbliver synligt ellers
* Du kan genbruge denne logik til at skjule eller vise forskellige elementer baseret på produktspecifikke regler

***

<div id="still-need-help">
  ## Har du stadig brug for hjælp?
</div>

Til mere komplekse tilpasninger anbefaler vi at samarbejde med en **Shopify Expert**. De kan hjælpe med HTML, CSS og JavaScript i din cart drawer.

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