> ## 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 sticky cart-knappen på forsiden

> Denne artikel forklarer, hvordan du bruger JavaScript og CSS til at skjule den flydende kurvknap på din butiks forside.

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

Hvis du ønsker et renere førstehåndsindtryk, eller hvis dit forsidelayout er i konflikt med sticky cart-knappen, kan du skjule knappen specifikt på forsiden med et simpelt kodestykke.

Denne opsætning tjekker kundens aktuelle side og fjerner sticky cart-knappen, hvis de er på forsiden.

***

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

* For at undgå visuelt rod på din forside
* Når du bruger en brugerdefineret hero-sektion eller et layout, der overlapper med sticky cart-knappen
* For at holde kurvknappen fokuseret på produktsider eller kollektioner

***

<div id="step-1-add-the-script">
  ## Trin 1: Tilføj scriptet
</div>

1. Gå til **Upcart > Cart Editor > Settings > Custom HTML**
2. I dropdown-menuen **HTML Location** skal du vælge **Scripts (Before Load)**
3. Indsæt følgende JavaScript:

```
<script>  
  var stickyCartButton = document.querySelector("#upCartStickyButton");  
  
  if (  
    stickyCartButton &&  
    (document.location.pathname === "/" + Shopify.locale ||  
     document.location.pathname === "/")  
  ) {  
    stickyCartButton.classList.add("hide-sticky-cart-button");  
  }  
</script>
```

Dette script tjekker den aktuelle sides sti og anvender en klasse, der skjuler sticky-knappen, hvis kunden er på forsiden.

***

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

1. Gå til **Upcart > Sticky Cart > Custom CSS (bemærk, at dette er Sticky Cart, ikke Cart Editor)**
2. Indsæt følgende CSS:

```
.hide-sticky-cart-button {     
  display: none;   
}
```

***

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

* Sticky cart-knappen skjules, når en kunde besøger forsiden (`/` eller `/[locale]`)
* Knappen forbliver synlig på alle andre sider