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

# Forhindr køb med kun upsells i kurven

> Kræv, at kunder tilføjer mindst ét almindeligt produkt, før de går til checkout.

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

Denne tilpasning bruger HTML, CSS og JavaScript til at blokere checkout, når kurven kun indeholder upsell-varer. Den hjælper med at sikre, at upsells behandles som sekundære tilbud, ikke selvstændige køb, og understøtter en mere kontrolleret og bevidst upsell-strategi.

Det sikrer, at upsell-produkter fungerer inden for specifikke rammer og understreger deres rolle som supplerende varer til primære produkter.

Når det er implementeret, vil **checkout-knappen være deaktiveret**, indtil mindst ét ikke-upsell-produkt er tilføjet til kurven.

<div id="how-it-works">
  ## Sådan fungerer det
</div>

* Hvis kurven kun indeholder upsell-varer, er checkout-knappen nedtonet
* En advarselsbesked vises under knappen
* Når et almindeligt produkt tilføjes, bliver knappen aktiv, og advarslen forsvinder — giver tydelig validering i scenarier, der sikrer, at upsell-produkter kun købes sammen med tilhørende trigger-produkter, såsom visning af målrettede advarselsbeskeder.

Denne opsætning er ideel til butiksejere eller udviklere med grundlæggende kendskab til JavaScript og CSS.

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

Gå til:\
**Upcart > Cart Editor > Settings > Custom HTML**

<div id="in-the-above-announcementsrewards-section-paste">
  ## I sektionen **Above announcements/rewards** skal du indsætte:
</div>

```
<script>  
  function CartContainsOnlyUpsells(cart) {  
    var cartWithoutUpsells = cart.items.filter(item => item.properties?.__upcartUpsell == null);  
    return cartWithoutUpsells.length === 0;  
  }  
  
  function ToggleCheckoutButton(shouldBeEnabled) {  
    var checkoutButton = window.upcartDocumentOrShadowRoot.querySelector(".upcart-checkout-button");  
    var warning = window.upcartDocumentOrShadowRoot.querySelector(".upcartUpsellOnlyWarning");  
  
    if (checkoutButton && warning) {  
      if (shouldBeEnabled) {  
        checkoutButton.classList.remove("upcart-disable-checkout-button");  
        warning.style.display = "none";  
      } else {  
        checkoutButton.classList.add("upcart-disable-checkout-button");  
        warning.style.display = "block";  
      }  
    }  
  }  
  
  window.upcartSubscribeCartLoaded((event) => {  
    ToggleCheckoutButton(!CartContainsOnlyUpsells(event.cart));  
  });  
</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="in-the-below-checkout-button-section-paste">
  ## I sektionen **Below checkout button** skal du indsætte:
</div>

```
<div class="upcartUpsellOnlyWarning" style="display: none;">  
  Your cart only contains upsell products. <br>  
  Please add a regular product to continue to checkout.  
</div>
```

Du er velkommen til at justere ordlyden i advarselsbeskeden, så den passer til dit brands tone.

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

Gå til:\
**Upcart > Cart Editor > Settings > Custom CSS**

Indsæt følgende kode:

```
.upcartUpsellOnlyWarning {  
  width: 100%;  
  text-align: center;  
  margin-top: 10px;  
  color: red;  
  font-weight: bold;  
  font-size: 15px;  
}  
  
.upcart-disable-checkout-button {  
  cursor: none !important;  
  pointer-events: none !important;  
  opacity: 0.4 !important;  
}
```

Dette styler advarselsbeskeden og deaktiverer checkout-knappen både visuelt og funktionelt.

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

Når opsætningen er klar:

* Blokeres checkout, medmindre mindst ét ikke-upsell-produkt er i kurven
* Informerer en besked kunderne om, hvorfor checkout er deaktiveret
* Føles oplevelsen smidig og i tråd med brandet

Dette er især nyttigt til: At kombinere effektive upsell-strategier med disse teknikker forbedrer også den samlede shoppingoplevelse ved at eliminere unødvendige konflikter i købsprocessen.

* Forebyggelse af utilsigtede køb af enkeltstående upsell-varer
* Fastholdelse af upsells som rene tilføjelsesprodukter
* Sikring af bedre kontrol over AOV og produktbundling

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

Hvis du har brug for hjælp til tilpasninger, anbefaler vi at rådføre dig med en Shopify Expert om at tilføje HTML, CSS og endda JavaScript til din cart drawer.

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