Como mudar a cor do menu superior na Loja Integrada?

Como mudar a cor do menu superior na loja integrada?
Como mudar a cor do menu superior na loja integrada?

Se você deseja personalizar sua loja virtual na plataforma Loja Integrada, alterar a cor do menu superior é uma excelente maneira de alinhar o visual da sua loja com a identidade da sua marca. Neste guia completo, você aprenderá como fazer essa modificação de forma rápida e simples — mesmo sem experiência em programação, utilizando recursos semelhantes aos encontrados em temas Loja Integrada, para deixar sua loja ainda mais profissional. Tudo isso de forma prática e acessível na sua Loja Integrada.

Índice:

Passo a Passo para Alterar a Cor do Menu Superior

1. Acesse o Painel Administrativo

  • Faça login no painel administrativo da sua loja.
  • No canto superior direito da tela, clique no ícone de engrenagem para acessar as configurações.

2. Vá até a Área de Aparência

  • No menu lateral, selecione “Aparência”.
  • Em seguida, clique em “Editar CSS” para abrir o editor de estilos.

3. Insira o Código CSS

Copie o código abaixo e cole-o ao final do código CSS existente.
Certifique-se de colá-lo depois de todos os outros estilos para garantir que a alteração seja aplicada corretamente. 

/* Código para alterar a cor do menu superior */
#menu-superior {
  background-color: #FF5733; /* Altere o valor da cor conforme desejado */
}

4. Salve e Verifique a Alteração

  • Clique em salvar para aplicar as mudanças.
  • Para visualizar a alteração:
    • Adicione um produto ao carrinho de compras, ou
    • Aguarde cerca de 15 minutos para que a atualização seja refletida automaticamente na sua loja.

Se precisar de mais personalizações, explore os temas prontos disponíveis no site. Eles podem facilitar ainda mais a construção de uma loja visualmente profissional.