Como personalizar a mensagem de alerta (CSS)
Neste artigo, iremos abordar como alterar a coloração das mensagens de alerta adicionadas no ecommerce.
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 antes de realizar a alteração?
Os componentes de alteração devem ser ajustados nessa aba
Passo 2: Como verificar as alterações em tempo real?
Ao inspecionar a mensagem de alerta é encontrado o componente “alert-warning” no lado direito é possível realizar as alterações de cor de fundo e de cor da mensagem.
Ao ajustar vai ser possível verificar em tempo real o resultado da mudança
Passo 3: Alterando os parâmetros
O bloco que deve ser alterado é necessário ser adicionado caso não seja encontrado
Dentro do .alert-warning pode ser adicionado a cor de fundo da mensagem e também a cor das letras na mensagem, além de funcionalidades como tamanho da fonte.
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.