Etiqueta em Produtos por Categoria – Loja Integrada

Etiqueta em Produtos por Categoria – Loja Integrada

posted in: Apps | 0

 
Hoje a Visualyze traz a vocês amigos lojistas mais uma extensão simples mas que pode ser útil para sua loja. Com ela é possível inserir uma tag (etiqueta) em todos os produtos de uma determinada categoria ou até mais de uma. Confira abaixo:
 
Produtos com Etiqueta Personalizada Visualyze
 
Todos os produtos de uma determinada categoria terão essa mesma etiqueta em qualquer página tanto na versão web quanto na mobile. No exemplo acima usamos uma medalha apenas como exemplo, mas você poderá colocar o que quiser e até por um link. Muito útil para algumas necessidades de alguns lojistas.

O código ajusta o tamanho em vertical da imagem em 60px e o ajuste horizontal é automático mantendo sempre proporção correta da imagem.

Observações Importantes:

  • Essa funcionalidade é válida apenas para plataforma Loja Integrada.
  • Essa funcionalidade já traz uma formatação CSS padrão. Se você tiver conhecimento nessa área poderá editar a sua maneira livremente por sua conta e risco ou entre em contato e solicite um orçamento.

 

Instruções de Instalação:

Antes de tudo você precisa criar a imagem que servirá como etiqueta para essa extensão. Recomendamos criar uma imagem em PNG com fundo transparente que não seja muito grande mas te tenha 60px vertical ou mais. Após isso faça upload direto no servidor da sua loja, utilize este link caso não saiba onde é. Após armazenar a imagem um link será gerado, guarde esse link em um local seguro.

Após isso você precisa descobrir qual é a ID (identificação) da categoria que você vai implementar essa extensão, para isso siga o procedimento que preparamos no vídeo abaixo. Utilizamos o navegador Firefox:
 


 
Tendo em mãos o numeral referente a categoria. Clique neste link para criar um entrada HTML avançada em sua Loja Integrada e preencha os dados como na imagem abaixo:
 
Instruções de Instalação Etiqueta em Produtos por Categoria - Visualyze
 
No campo conteúdo, cole todo o conteúdo do arquivo TXT que você irá baixar ao final desta descrição. Você irá alterar as linhas de 2 e 7 conforme marcado em vermelho na imagem. A menos que você tenha conhecimento em HTML, altere apenas o que está sublinhado.

  • Na linha 2, no local onde está sublinhado, é o link da imagem que você criou e armazenou no servidor da sua loja, substitua o link que está no exemplo, sem remover as aspas, pelo link da imagem que você criou.
  • Na linha 7, no local onde está sublinhado, é o numeral ID que você descobriu ao seguir o tutorial mostrado no vídeo acima, substitua o numeral que está no código pelo que você guardou. Obs: não remova o traço ” – ” que vem antes do numeral, assim como o caractere ” ‘ ” após o numeral.

Se você quiser inserir mais de uma etiqueta basta repetir o procedimento acima em uma nova entrada HTML com o link de uma nova imagem e obviamente outra ID de categoria.

Feito isso salve e aproveite!



  • Ao clicar no botão aguarde 5 segundos e clique no botão “fechar propaganda” no topo a direita. As páginas seguintes contêm anúncios.
Comments are closed.