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 AutoParts, 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 AutoParts 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çãoAs 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ç
, oc
;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 comodolce-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