Carrossel de Marcas

O carrossel de marcas é um recurso muito bacana que disponibilizamos junto com o tema. Com ele, uma faixa com todas as marcas disponíveis na sua loja, será apresentada na página inicial, logo após os banners principais. Desse modo, você cria um fluxo direto para o produto que o cliente procura através da marca.

Atenção!

Os passos abaixo não podem ser feitos com o tema já publicado. Caso o tema já esteja publicado, será necessário duplicar o tema. Para isso vá em Minha Loja > Design da Loja, encontre o tema Netstore Bike, clique na setinha apontando para baixo e clique em Duplicar.

Para que o carrossel de marcas funcione corretamente é preciso ficar atento a vários pontos. Vamos começar com o cadastro das marcas no painel administrativo. Para isso acesse Produtos > Marcas e Fabricantes. Cadastre as marcas com as quais você irá trabalhar, incluindo o nome e o caminho pelo qual ela será acessada na sua loja. Saiba mais.

Fique atento como colocou o nome da marca. Isso será importante mais para frente.

Após cadastrar as marcas dentro do painel administrativo, precisamos cadastrar as logos referente a cada marca. A Tray, infelizmente, não disponibiliza enviar uma imagem ao cadastrar uma marca. Para que tudo fique funcional e atraente, nós iremos cadastrar as marcas como arquivos do tema. Para isso siga os passos abaixo:

  • Acesse Minha Loja > Design da Loja;

  • Encontre o tema Netstore Bike e clique no botão Editar HTML;

  • Na janela que abrir, clique na opção Upload de Arquivos;

  • Na janela que abrir, selecione a pasta img para fazer o upload das imagens das marcas;

  • Selecione as imagens das logos das marcas que deseja enviar e aguarde o término do processo.

Após esse procedimento as imagens serão carregadas automaticamente no carrossel de marcas.

Considerações Importantes

  • As imagens precisam ser no formato .png com fundo transparente para melhor visualização

  • As imagens devem ter tamanho exato de 200x60 pixels

  • As imagens precisam ter o mesmo nome das marcas, seguindo a seguinte regra:

    • Todas as letras devem ser minúsculas;

    • Caso a marca tenha só uma palavra, como por exemplo a marca Nike, o nome da imagem deverá ficar como nike.png;

    • Caso o marca seja composta de duas ou mais palavras, como por exemplo a marca Calvin Klein, o nome da imagem deverá ficar como calvin-klein.png;

    • Caso a marca possua letras com acentuação, elas deverão ter o acento removido, como por exemplo a marca Nestlé, o nome da imagem deverá ficar nestle.png;

    • Caso a marca possua caracteres especiais, como ç, deverá ser trocado pela letra equivalente. No caso do ç, o c;

    • Caso a marca possua outros caracteres especiais, como & ou ', eles deverão ser trocados por um hífen. Por exemplo a marca Dolce & Gabbana, o nome da imagem deverá ficar como dolce-gabbana.png.

    • Ao salvar a imagem, verifique se ficou como .png minúsculo e não .PNG maiúsculo, pois a plataforma não reconhece o segundo caso.

Caso tenha dúvida, clique aqui e utilize a ferramenta Text Edit Slugify (em inglês) para ajudá-lo.

Last updated