Full-banners Mobile (Exclusivo para Celular)
Configure o conteúdo da seção de Full-Banners, para a exibição em dispositivos móveis.
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: Full-banners Mobile
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 banners, ensinaremos isso logo abaixo, no passo 3.
fullBannerMobile = [ { "imagem": "https://cdn.awsli.com.br/1818/1818186/arquivos/Banner-Mobile01.png", "link": "#" }, { "imagem": "https://cdn.awsli.com.br/1818/1818186/arquivos/Banner-Mobile02.png", "link": "#" }, ];
Passo 02: Como editar?
No código você adicionar uma imagem e um link para redirecionamento.
💡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.
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" },
✅ 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?