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

# De sticky cart-knop op de homepage verbergen

> Dit artikel legt uit hoe je JavaScript en CSS gebruikt om de zwevende cart-knop op de homepage van je winkel te verbergen.

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

Als je een strakkere eerste indruk wilt of als je homepage-lay-out botst met de sticky cart-knop, kun je de knop specifiek op de homepage verbergen met een eenvoudig codefragment.

Deze opzet controleert op welke pagina de klant zich bevindt en verwijdert de sticky cart-knop als die op de homepage is.

***

<div id="when-to-use-this">
  ## Wanneer gebruik je dit
</div>

* Om visuele rommel op je homepage te voorkomen
* Bij gebruik van een aangepaste hero-sectie of lay-out die overlapt met de sticky cart
* Om de cart-knop te richten op productpagina's of collecties

***

<div id="step-1-add-the-script">
  ## Stap 1: Voeg het script toe
</div>

1. Ga naar **Upcart > Cart Editor > Settings > Custom HTML**
2. Selecteer in de dropdown **HTML Location** de optie **Scripts (Before Load)**
3. Plak de volgende 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>
```

Dit script controleert het pad van de huidige pagina en past een class toe om de sticky knop te verbergen als de klant op de homepage is.

***

<div id="step-2-add-custom-css">
  ## Stap 2: Voeg aangepaste CSS toe
</div>

1. Ga naar **Upcart > Sticky Cart > Custom CSS (let op: dit is Sticky Cart, niet Cart Editor)**
2. Plak de volgende CSS:

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

***

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

* De sticky cart-knop wordt verborgen wanneer een klant de homepage bezoekt (`/` of `/[locale]`)
* De knop blijft zichtbaar op alle andere pagina's