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

# Nascondere il pulsante sticky del carrello nella homepage

> Questo articolo spiega come usare JavaScript e CSS per nascondere il pulsante flottante del carrello nella homepage del tuo negozio.

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

Se vuoi una prima impressione più pulita o il layout della tua homepage entra in conflitto con il pulsante sticky del carrello, puoi nascondere il pulsante specificamente nella homepage usando un semplice snippet di codice.

Questa configurazione controlla la pagina corrente del cliente e rimuove il pulsante sticky del carrello se si trova nella homepage.

***

<div id="when-to-use-this">
  ## Quando usarla
</div>

* Per evitare disordine visivo nella tua homepage
* Quando usi una hero section o un layout personalizzato che si sovrappone al carrello sticky
* Per mantenere il pulsante del carrello focalizzato sulle pagine prodotto o sulle collezioni

***

<div id="step-1-add-the-script">
  ## Passaggio 1: Aggiungi lo script
</div>

1. Vai su **Upcart > Cart Editor > Settings > Custom HTML**
2. Dal menu a tendina **HTML Location**, seleziona **Scripts (Before Load)**
3. Incolla il seguente 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>
```

Questo script controlla il percorso della pagina corrente e applica una classe per nascondere il pulsante sticky se il cliente si trova nella homepage.

***

<div id="step-2-add-custom-css">
  ## Passaggio 2: Aggiungi CSS personalizzato
</div>

1. Vai su **Upcart > Sticky Cart > Custom CSS (nota che questo è Sticky Cart, non Cart Editor)**
2. Incolla il seguente CSS:

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

***

<div id="final-result">
  ## Risultato finale
</div>

* Il pulsante sticky del carrello verrà nascosto quando un cliente visita la homepage (`/` o `/[locale]`)
* Il pulsante resta visibile su tutte le altre pagine