Navegue por departamentos dinâmico (Slide entre as categorias)
Permita que o consumidor navegue entre as categorias de sua loja
Instalando o código na sua Loja Integrada
Passo 01: vá em Configurações > Incluir código HTML.
Preencha os campos desta forma:
Descrição: Navegue por departamento
Local Publicação: Rodapé
Página Publicação: Todas
Tipo: JavaScript
Em conteúdo, cole o código modelo abaixo:
💡Observação! No exemplo do código abaixo utilizamos somente 2 banners, entretanto você pode adicionar mais pares de banners, ensinaremos isso logo abaixo, no passo 3.
slideCategorias = [
{
"imagem": "https://images.cea-ecommerce.com.br/site/2021/artes-semana-10/geral/bubbles-ta-bombando/bubble-1-jaquetas_ID-8190.png",
"link": "#",
"titulo": "Jaquetas"
},
{
"imagem": "https://images.cea-ecommerce.com.br/site/2021/artes-semana-10/geral/bubbles-ta-bombando/bubble-2-moletom_ID-8191.png",
"link": "#",
"titulo": "Moletom"
}
];
Passo 02: Como editar?
💡Importante! O cadastro da imagem é feito através de links, gerados quando você insere uma imagem na plataforma através do Upload de arquivos da Loja Integrada.
imagem
= Insira a link da imagem a ser exibida.
link
= Insira o link de redirecionamento ao clicar na imagem.
titulo
= Insira o titulo da categoria ou página a ser exibido
Passo 03: Quantos banners posso usar?
Quantos você precisar. Para adicionar mais banners basta, adicionar uma vírgula logo após o último } e colar o template abaixo.
{
"imagem": "https://cdn.awsli.com.br/1322/1322892/banner/fb3de94c08.png",
"link": "/combo-yakisoba-coca-cola-lata",
"titulo": "Titulo da Categoria"
}
✅ Pronto!
Clique em salvar e aguarde 15min ou adicione um produto ao carrinho e atualize a página.
Não funcionou? Veja os principais motivos
1. Após instalar, você aguardou 15min ou adicionou um produto ao carrinho para atualizar a loja.
2. Seguiu corretamente todos os passos citados acima? Por favor, tente revisar.
3. Utilizou na instalação do código o TIPO: JavaScript?
4. Compare seu código com o código listado acima, encontrou alguma divergência?