> For the complete documentation index, see [llms.txt](https://ajuda.iset.com.br/inicio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.iset.com.br/inicio/minha-loja/personalizacao/personalizacao-avancada-cms/trocando-o-icone-de-carrinho-de-compras.md).

# Trocando o ícone de carrinho de compras

**Como Alterar o Ícone do Botão de Compra da Loja Virtual**

Se você quer saber como alterar o ícone do botão de compra da sua loja virtual, siga o passo a passo abaixo:

1- Acesse o [Font Awesome](https://fontawesome.com/).

2- Escolha o ícone que deseja usar.

3- **Copie** o código HTML.

* Exemplo: copie o código `<i class="far fa-air-conditioner"></i>` e use a parte interna `far fa-air-conditioner`.

4-Acesse o painel administrativo da sua loja virtual.

5- No menu lateral, clique em **Personalização** >> **Variáveis** **globais**.

**Atenção:** este tutorial requer a ativação do modo Especialista em seu painel de controle. Caso você não saiba como ativar o modo Especialista, é só clicar [aqui](https://ajuda.iset.com.br/inicio/minha-loja/outros/alternar-entre-os-modos-foco-e-especialista) e acessar nosso tutorial.

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

1. Selecione o grupo de variáveis **“Grupo \[CMS\_CABECALHO]”.**
2. **Clique no botão de editar na variável “cms\_icone\_carrinho”.**
3. **Em “Valor”, cole a parte interna do código HTML.**
   * Exemplo: copie o código `<i class="far fa-air-conditioner"></i>` e use a parte interna `far fa-air-conditioner`.
4. **Clique em “Atualizar” e depois em “Ok, entendi”.**
5. **Clique na Nuvem laranja para atualizar o cache.**

Ficou com alguma dúvida? Entre em contato conosco via chat online.

Se você quer saber como usar para alterar o ícone do botão de compra da loja virtual, siga o passo a passo abaixo:

\
1- Acesse o

[Font Awesome](https://fontawesome.com/icons?d=gallery)**.**

\
2- Escolha o ícone que deseja usar.&#x20;

\
3- Copie o **código HTML**.

\
Exemplo: copie o código **\<i class="far fa-air-conditioner">\</i>** e use a parte interna **far fa-air-conditioner**

\
4- Acesse o painel administrativo da sua loja virtual.

\
5- No menu lateral, clique em “**Layout >> Variáveis globais**”.

\
6- Selecione o grupo de variáveis **“Grupo \[CMS\_CABECALHO]”.**

\
7- Clique no botão de editar na variável **“cms\_icone\_carrinho”.**

\
8- Em “**Valor**”, cole a **parte interna do** **código HTML.**

\
Exemplo: copie o código **\<i class="far fa-air-conditioner">\</i>** e use a parte interna **far fa-air-conditioner**

\
9- Clique em “**Atualizar**” e depois em “**Ok, entendi**”.

\
10- Clique na **Nuvem laranja** para atualizar o cache.

Ficou com alguma dúvida? Entre em contato conosco via chat online.