Como personalizar mensagem no topo da vitrine (CSS)
Neste artigo, iremos abordar como alterar a coloração e outras personalizações da mensagem disposta no topo da vitrine dos produtos
Observações:
Essa configuração é feita via Admin e irá necessitar de acesso nível Administrador para ser feita, logo, busque apoio com o seu gestor interno.
Passo 1: Acessar a aba de personalização de CSS do admin
Em Configurações -> Layout
Os componentes de alteração devem ser ajustados nessa aba
Passo 2: Como visualizar a cor e tamanho antes de realizar a alteração?
Ao inspecionar o elemento do título da vitrine é possível visualizar na lateral direita a cor atual do componente, é possível alterar a cor e adicionar outras personalizações, a alteração será exibida em tempo real
Passo 3: Alterando os parâmetros
O bloco de edição já está presente dentro do CSS, pode ser utilizado a ferramenta de busca (CTRL + F) para localizar o “.block-header__title”
Para o nosso exemplo de personalização vamos aumentar o tamanho da fonte e a cor de exibição
Alterando o “color” e adicionando a informação de “font-size”, após realizar a alteração pode ser salvo o novo layout CSS.
Passo 4: Validando a alteração feita
Dentro de 10 minutos após a alteração já vai ser possível visualizar a personalização realizada. Com o exemplo que utilizamos o resultado será semelhante ao seguinte:
Observação: As alterações de layout são de total responsabilidade da empresa, recomendamos que seja salvo um backup antes de finalizar as modificações.