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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ajuda.iset.com.br/inicio/minha-loja/personalizacao/personalizacao-avancada-cms/trocando-o-icone-de-carrinho-de-compras.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.