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 Geek, 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 sa 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 Geek Game 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.