Como personalizar o botão lateral na vitrine de produtos
Neste artigo, abordaremos qual o fluxo de personalização do botão disposto na lateral das vitrines
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 adicionados nessa aba
Passo 2: Adicionando os parâmetros
O bloco que deve ser alterado
.block-brands__slider .owl-nav i, .block-products-carousel__slider .owl-nav i
O bloco já se encontra criado dentro da aba de CSS e caso não tenha sido feito uma personalização anterior ele estará ajustado somente para as cores da empresa
Dentro desse bloco é possível adicionar elementos como borda, animação de alteração de cor ou até mesmo alterar a cor que estava previamente configurada.
Passo 3: Adicionando uma borda
Como exemplo, vamos adicionar uma borda personalizada ao nosso componente, dentro do bloco vamos adicionar os seguintes elementos
Esses elementos juntos já retornaram uma diferente formatação do botão, caso queira adicionar novos elementos com hover para coloração do botão também é possível.
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 ao lado das vitrines, 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.