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.

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 e acessar nosso tutorial.

  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.

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

Last updated