Brands Showcase - Diretório de Marcas A-Z com Pesquisa e Grelha de Logótipos Responsiva

Ninguém percorre uma lista de noventa nomes de marcas

Se trabalha com mais do que meia dúzia de marcas, a página All brands original deixa de ser útil por volta da décima quinta. Quem chegou à procura de um fabricante específico desiste e recorre à caixa de pesquisa — ou sai da loja. Este módulo reconstrói essa página em torno das duas coisas que as pessoas realmente fazem: procurar uma marca pelo nome ou saltar para a letra dela.

Pesquisa instantânea e índice A-Z

A caixa de pesquisa filtra a grelha à medida que o cliente escreve — sem recarregar a página, sem esperas. A barra A-Z fica por cima, e as letras sem marcas associadas são esbatidas automaticamente, para que ninguém clique numa letra morta. Ambas são interruptores opcionais, caso prefira ter apenas uma delas.

Uma grelha de logótipos com o aspeto que uma página de marcas devia ter

De duas a seis colunas em ecrãs largos, reduzindo por si só até uma única coluna no telemóvel. As marcas sem logótipo carregado mostram um selo colorido com a inicial em vez de uma imagem partida — ou a imagem de substituição predefinida do PrestaShop, se preferir. Existe ainda um esquema de diretório de texto: sem logótipos, apenas uma lista compacta, para catálogos em que os nomes contam mais do que as marcas gráficas.

Pormenores que a tornam sua

Ative um selo de contagem de produtos por marca — "12 produtos" — para que o cliente perceba em que marcas tem realmente profundidade de catálogo. Oculte as marcas que neste momento não têm produtos, para que a página nunca anuncie uma prateleira vazia. E defina uma única cor de destaque que recolore ao mesmo tempo a letra ativa, as ligações e os efeitos de passagem do rato, em vez de andar à procura no CSS.

Verifica a sua própria configuração

A página de configuração abre com um painel "Status check". Se o PrestaShop estiver a ocultar a página de marcas — de longe o motivo mais comum para a página dar erro 404 — ele avisa-o e oferece um botão "Enable the Brands page" de um só clique. Se ainda não tiver marcas, também lho diz, e há uma ligação "Open the live Brands page" para pré-visualizar as suas alterações.

Nenhum ficheiro do tema é alterado

A versão 1 substituía fisicamente o brands.tpl dentro do seu tema na instalação e repunha-o na desinstalação. Isso deixava de funcionar a cada atualização do tema, só funcionava no tema classic e deixava para trás ficheiros brands_old.tpl órfãos. A versão 2 usa antes o hook displayOverrideTemplate do próprio PrestaShop: quando o controlador de fabricantes pede o seu template, o módulo limita-se a devolver o caminho do seu. Nada muda no seu tema, em qualquer tema, em qualquer versão da 1.7 à 9. Ao atualizar a partir da v1, o template original é reposto automaticamente.

Leve, e apenas onde é preciso

Os dados das marcas são consultados e normalizados pelo módulo, pelo que o template recebe sempre a mesma estrutura previsível independentemente da versão do PrestaShop — o formato dos dados do controlador do núcleo mudou entre a 1.7/8 e a 9. Os recursos são carregados apenas na página de listagem de marcas, através de actionFrontControllerSetMedia, e o script de front-office é JavaScript puro, sem dependências: sem jQuery, sem Bootstrap.

Compatibilidade

PrestaShop 1.7, 8 e 9, em oito idiomas: neerlandês, inglês, francês, alemão, italiano, polaco, espanhol e turco. Afeta apenas a listagem All brands — as páginas de cada marca, ou seja, a lista de produtos de um fabricante em particular, ficam completamente intactas. A desinstalação remove as definições do módulo e repõe a página de marcas normal, sem deixar rasto.

Perguntas frequentes

Altera os ficheiros do meu tema?

Não. Usa o hook displayOverrideTemplate, pelo que o seu tema nunca é modificado — precisamente aquilo em que a versão 1 falhava.

Vai funcionar com o meu tema?

Sim. Como substitui o template através de um hook em vez de trocar um ficheiro, funciona em todos os temas, não apenas no classic.

A minha página de marcas dá erro 404 — é por causa deste módulo?

Quase de certeza que não: o PrestaShop está configurado para ocultar a página de marcas. O painel "Status check" deteta isso e dá-lhe um botão para voltar a ativá-la num só clique.

O que acontece às marcas sem logótipo?

Por predefinição mostram um selo colorido com a inicial, para que a grelha se mantenha arrumada. Pode optar antes pela imagem de substituição predefinida do PrestaShop.

Posso ocultar as marcas que não têm produtos?

Sim, com um interruptor. A página deixa então de mostrar marcas que não tem realmente como vender.

Posso ter o diretório sem logótipos?

Pode — o esquema de diretório de texto é uma lista compacta, sem logótipos.

Torna a página mais lenta?

O CSS e o JavaScript são carregados apenas na página de listagem de marcas, e o script é JavaScript puro, sem jQuery e sem Bootstrap.