Pular para o conteúdo

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?