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?