PS PrestaShop Iniciante

Produto em destaque por categoria: guia de instalação e configuração

Instale e configure o módulo para destacar um produto por categoria: contorno, etiqueta «Boa compra!» e fixação na 1.ª posição.

Atualizado Versão do módulo 1.2.1

Apresentação

O módulo Produto em Destaque por Categoria permite-lhe designar um produto em destaque em cada uma das suas categorias PrestaShop. Esse produto distingue-se por três mecanismos visuais: um contorno colorido, uma etiqueta promocional do tipo «Boa compra!» e uma posição à cabeça da listagem da categoria.

O módulo é compatível com PrestaShop 8.0 a 9.x e não exige qualquer sobreposição de template: a apresentação assenta inteiramente em CSS injetado no cabeçalho e no hook nativo de listagem de produtos.

Instalação

No seu back-office, vá a Módulos > Gestor de módulos, clique em Carregar um módulo e selecione o arquivo ZIP do módulo. A instalação é automática.

Na instalação, o módulo cria a sua tabela de correspondência categoria / produto, regista as suas definições predefinidas (contorno laranja de 3 px, etiqueta «Bon plan !» ativa) e subscreve os hooks displayHeader e filterProductSearch.

Configuração do aspeto

Abra a configuração do módulo. O primeiro bloco reúne as definições visuais partilhadas por todos os destaques:

  • Espessura do contorno: de 1 a 50 píxeis.
  • Cor do contorno: em formato hexadecimal (por exemplo #FFA500) ou por nome de cor CSS (por exemplo orange).
  • Seletor CSS: o elemento que recebe o contorno. Por predefinição, a miniatura de produto completa.

Escolher o seletor CSS

Consoante o seu tema, pode visar elementos diferentes. A regra gerada fica sempre automaticamente limitada apenas ao produto em destaque.

  • .product-miniature: contorna a vinheta completa (valor predefinido).
  • .thumbnail-container: contorna apenas o contentor da imagem.
  • Seletor personalizado: modo avançado. Use o marcador {id} para escrever você mesmo o seletor completo, por exemplo o contentor da vinheta dentro da miniatura do produto visado pelo seu atributo data-id-product.

Configuração da etiqueta «Boa compra!»

O segundo grupo de definições controla o emblema apresentado no produto em destaque:

  • Mostrar uma etiqueta: ativa ou desativa o emblema.
  • Texto da etiqueta: introduzido idioma a idioma. O texto aparece automaticamente no idioma do visitante.
  • Cor de fundo e cor do texto da etiqueta.
  • Posição: superior esquerda, superior direita, inferior esquerda ou inferior direita.

Se o campo Texto da etiqueta ficar vazio no idioma do visitante, o emblema não aparece. Lembre-se de preencher cada idioma ativo, incluindo o português: o texto instalado por predefinição está em francês («Bon plan !»).

Uma etiqueta como «Boa compra!» é uma alegação comercial. Se sugerir uma vantagem de preço, tem de a poder sustentar, e um anúncio de redução obriga a indicar o preço mais baixo praticado nos 30 dias anteriores (Decreto-Lei n.º 66/2021). Para um destaque puramente editorial, prefira uma formulação neutra, como «Sugestão da loja» ou «Seleção da equipa».

Destacar um produto

No segundo formulário, selecione a categoria em causa e procure o produto a destacar. O campo de pesquisa aceita o nome ou a referência do produto e sugere resultados automaticamente: clique num deles para o selecionar, sem precisar de saber o ID.

Confirme com Adicionar / Atualizar. A tabela de resumo lista todos os destaques ativos, com um botão de eliminação para cada um.

O módulo gere um produto em destaque por categoria. Gravar um novo destaque para uma categoria já associada substitui automaticamente o produto anterior.

Comportamento no lado da loja

Na página de uma categoria com um destaque, o produto selecionado recebe o contorno e a etiqueta configurados e sobe para a primeira posição da listagem. Se não aparecer na página atual por causa da ordenação ou da paginação, é acrescentado à cabeça da primeira página, apresentado exatamente como os outros produtos.

Perguntas frequentes

O produto em destaque tem de pertencer à categoria?

Não é obrigatório para a apresentação na primeira posição, mas é recomendado, por coerência de navegação. Aparece um aviso na gravação se o produto não estiver associado à categoria.

A definição é própria de cada loja em multiloja?

A configuração do aspeto e as correspondências são globais nesta versão. Uma gestão por loja pode ser acrescentada a pedido.

Esta página foi útil?

Ainda com dúvidas? Contacte o suporte