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

# Ocultar o botão fixo do carrinho na página inicial

> Este artigo explica como usar JavaScript e CSS para ocultar o botão flutuante do carrinho na página inicial da sua loja.

<div id="overview">
  # Visão geral
</div>

Se você quer uma primeira impressão mais limpa ou o layout da sua página inicial conflita com o botão fixo do carrinho, você pode ocultar o botão especificamente na página inicial usando um trecho de código simples.

Essa configuração verifica a página atual do cliente e remove o botão fixo do carrinho se ele estiver na página inicial.

***

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

* Para evitar poluição visual na sua página inicial
* Ao usar uma seção hero ou layout personalizado que se sobrepõe ao carrinho fixo
* Para manter o botão do carrinho focado em páginas de produto ou coleções

***

<div id="step-1-add-the-script">
  ## Passo 1: Adicione o script
</div>

1. Vá para **Upcart > Cart Editor > Settings > Custom HTML**
2. No menu suspenso **HTML Location**, selecione **Scripts (Before Load)**
3. Cole o seguinte 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>
```

Esse script verifica o caminho da página atual e aplica uma classe para ocultar o botão fixo se o cliente estiver na página inicial.

***

<div id="step-2-add-custom-css">
  ## Passo 2: Adicione CSS personalizado
</div>

1. Vá para **Upcart > Sticky Cart > Custom CSS (observe que isto é no Sticky Cart, não no Cart Editor)**
2. Cole o seguinte CSS:

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

***

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

* O botão fixo do carrinho ficará oculto quando um cliente visitar a página inicial (`/` ou `/[locale]`)
* O botão permanece visível em todas as outras páginas