> For the complete documentation index, see [llms.txt](https://ajuda.temaflex.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.temaflex.com.br/personalizar-layout/cabecalho/carrinho-de-compras.md).

# Carrinho de compras

{% embed url="<https://www.youtube.com/watch?index=12&list=PLjqZTg-KCmj8PNgm5YdN3Zk02OZeblrQU&v=-53LqyT2lys>" %}

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. No menu lateral, clique em **"Cabeçalho > Carrinho de compras".**

<figure><img src="/files/nYBjnWqbmzqhFZWptFyg" alt=""><figcaption></figcaption></figure>

\- **Ícone do carrinho:** você pode escolher uma das opções de ícones listados para alterar no carrinho de compra.

<figure><img src="/files/4hx33CVFTuTWQee7xYjy" alt=""><figcaption></figcaption></figure>

Na opção "**Personalizado"**, você pode fazer o upload de uma imagem e utilizá-la como ícone no carrinho, conforme imagem abaixo.&#x20;

<figure><img src="/files/qoGfAdGjEh3y7GN1sdBW" alt=""><figcaption></figcaption></figure>

**- Quantidade de itens no carrinho:** para utilizar cores específicas da contagem dos itens do carrinho, marque a opção **"Usar estas cores".** Caso a opção esteja desmarcada, independente das cores escolhidas, será utilizado por padrão as **cores da sua marca.**

<div align="left"><figure><img src="/files/V5K3HsqVKJba1D3HEgS1" alt=""><figcaption></figcaption></figure></div>

Você pode configurar a **Cor de fundo** e a **Cor do texto** da contagem.

<div align="left"><figure><img src="/files/qR42GTzaQCENNrSg4OKg" alt=""><figcaption></figcaption></figure></div>

**Exemplo:**&#x20;

<div align="left"><figure><img src="/files/iZgTY7UgYnNTzI7O504U" alt=""><figcaption><p>O círculo em azul trata-se da "Cor de fundo" e da "Cor do texto", respectivamente.</p></figcaption></figure></div>

\
Por último, clique em **"Publicar Alterações"** para finalizar.

<figure><img src="https://lh5.googleusercontent.com/dPJAQCU7yUHoNKDqu3THQ0C8Wr8ZHcEtoWPbLkyALJgYpO2jkGxQSDvE4vndymASO5qqg49GbMAQUhMJlNW6Yw1S1DLSk1lLmY-WX5FIdmYU6ACDUyjQbVzZ8rMQ-SR0u_XieD2nPbKSLyow_BULUs31VHyNQMxxGxQDoByJ0s6GKFEY6TkwVtmQ-niDjQ" alt=""><figcaption></figcaption></figure>

**Pronto! 🙌**&#x20;