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

# Løsning af manglende karruselpile i Upcarts upsell-modul V1.0

> Denne artikel forklarer, hvordan du løser manglende karruselpile i den live webshop, når de vises i editorens forhåndsvisning.

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

Hvis du oplever et problem, hvor karruselpilene mangler i Upcarts upsell-modul, skyldes det normalt et kompatibilitetsproblem med din butiks tema.

For at løse det kan du manuelt tilføje pilene ved at anvende en tilpasning med brugerdefineret HTML i Upcarts editorindstillinger.

**Sådan får du adgang til felterne til brugerdefineret kode i Upcart:**

**Cart Editor** > **Settings**, derefter fanerne **Custom HTML** og **Custom CSS**. Settings er en række faner — alt, der ikke passer ind, ligger bag **More settings**.

***

<div id="html">
  ## HTML
</div>

Til denne løsning skal du åbne HTML-dropdown-menuen, vælge **"Scripts (before load)"** og derefter indsætte følgende kode i den sektion:

```
<script>
  window.upcartSubscribeCartOpened(() => {
    setTimeout(() => {
      // The cart may render inside a shadow root, where document.querySelector
      // cannot reach it. Search the shadow root when there is one.
      const host = document.getElementById('upCart');
      const scope = host?.shadowRoot ?? document;

      const buttonLeft = scope.querySelector('.control-arrow.control-prev');
      if (buttonLeft) buttonLeft.innerText = "<";

      const buttonRight = scope.querySelector('.control-arrow.control-next');
      if (buttonRight) buttonRight.innerText = ">";
    }, 300);
  });
</script>
```

<Warning>
  **Brug ikke en bar `document.querySelector` her.** Upcart renderer inde i en shadow root på de fleste butikker (det er standarden for nyere installationer), og `document.querySelector` kan ikke se ind i en — scriptet ville ikke finde noget og, uden `if`-tjekkene, fejle på `null`. Linjen `host?.shadowRoot ?? document` ovenfor virker i begge tilfælde.
</Warning>

<Note>
  **Bemærkning om ældre kode:** Callbacks som `window.upcartOnCartOpened` virker stadig, men er udfasede og logger advarsler i konsollen. Brug `upcartSubscribeCartOpened` til alle nye scripts.
</Note>

Sådan bør dine indstillinger for brugerdefineret HTML se ud i Upcart:

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/upsell-carousel-arrows-custom-html-script.gif?s=56a99321312a0b59c77d3ce059a72dbb" alt="Upcarts Custom HTML-indstillinger med karruselpil-scriptet i Scripts Before Load" width="2052" height="1080" data-path="images/upcart/upsell-carousel-arrows-custom-html-script.gif" />

<div id="css">
  ## CSS
</div>

Hvis du stadig har problemer med karruselpilenes placering, kan du prøve at anvende følgende CSS-løsning:

```
.carousel.carousel-slider .control-next {  
  right: -34px !important;  
}
```

***

<div id="explanation">
  ## Forklaring
</div>

Vi bruger ofte CSS-pseudo-elementer (`::before`), der ligger inde i knapperne, til at vise karruselpilene. Nogle butikstemaer vælger dog at blokere rendering af pseudo-elementer, hvilket får karruselpilene til at forsvinde fra din cart drawer.

Det skaber et problem, hvor upsell-karrusellens pile vises korrekt i editorens forhåndsvisning, men ikke i den faktiske live webshop.