Navegação · Variantes de produto

Variantes por atributo

Uma lista pendente com «Azul, Vermelho, Verde» obriga os seus clientes a adivinhar como é cada versão. Variantes por atributo coloca a foto real de cada opção na ficha do produto, para que escolham com um clique.

  • v1.0.0
  • PrestaShop 1.7–9.1
  • 6 idiomas
Brevemente no Addons Como funciona

Ninguém compra o que não consegue imaginar

Uma lista pendente com «Azul, Vermelho, Verde» obriga a adivinhar como é cada versão, ou a clicar em todas as opções à espera de que a foto mude. Alguns desistem; outros encomendam a variante errada e devolvem-na.

As fotos já existem: estão associadas a cada combinação do catálogo. Só falta mostrá-las onde o cliente decide.

A resposta, na própria ficha do produto

Variantes por atributo coloca a foto real de cada opção numa fila, a um clique.
01

Mostre todas as opções de relance

Uma fila de miniaturas, uma por cada valor do atributo escolhido — cor, acabamento, material —, cada uma com a foto real dessa combinação.

02

Selecione com um clique

Ao clicar numa miniatura, seleciona-se essa combinação no seletor de atributos da própria ficha: preço, disponibilidade e adicionar ao carrinho funcionam como sempre.

03

Aproveite o que já tem

Nada para carregar, nada para programar: o módulo reutiliza as imagens já associadas às suas combinações.

Tudo o que faz, por dentro

Quatro blocos que trabalham juntos.

Ficha do produto

  • Fila de miniaturas quadradas, uma por cada valor do grupo de atributos escolhido, cada uma com a imagem real da sua combinação.
  • Seleção com um clique: a miniatura seleciona a opção correspondente no seletor de atributos nativo do tema.
  • A variante selecionada é realçada com uma moldura cor de laranja.
  • O nome da opção é usado como dica e texto alternativo da miniatura.
  • Só é mostrado em produtos com dois ou mais valores do atributo escolhido.

Definições

  • Grupo de atributos: o ID do grupo cujos valores se transformam em miniaturas (normalmente «Cor»).
  • Versão da imagem: qualquer tipo de imagem gerado, com as versões de 60 a 100 px assinaladas como recomendadas.
  • Tamanho da miniatura: de 24 a 200 px, validado para nunca ultrapassar a versão de imagem escolhida.
  • Valores recomendados junto a cada opção, com um botão para os marcar todos com um clique.

Posição

  • Funciona de imediato: usa o hook nativo displayProductAdditionalInfo, que os temas padrão já chamam.
  • Posição exata opcional logo após o seletor de atributos, com uma linha explicada passo a passo no separador Ajuda.

Back office e qualidade

  • Separador Ajuda guiado com instalação, posição e perguntas frequentes.
  • Traduzido para inglês, espanhol, francês, italiano, português e alemão.
  • Só adiciona a sua própria folha de estilos e o seu script — sem pedidos externos, sem tabelas extra.
  • Ao desinstalar, removem-se todas as suas definições.

O que ganha

Menos encomendas erradas, sem trabalho extra.

Ajuda a decidir mais depressa

Os seus clientes veem a foto real de cada opção em vez de adivinharem por uma etiqueta.

Ajuda a acertar à primeira

Ver a cor ou o acabamento exatos antes de adicionar ao carrinho evita surpresas e devoluções.

Aproveite as fotos que já tem

Cada miniatura vem das imagens já associadas às suas combinações.

Pronto em minutos

Escolha o grupo de atributos, o tamanho e guarde — sem programador num tema padrão do PrestaShop 9.

Mantenha o processo de compra nativo

O módulo controla o seletor de atributos do próprio tema, pelo que preços, stock e carrinho não são alterados.

Mantenha o controlo

Escolha o atributo, a versão da imagem e o tamanho da miniatura, e mova o bloco para a posição exata que quiser.

O que ganham os seus clientes

Ver antes de escolher.

Ver antes de escolher

A imagem real de cada cor ou variante, todas numa fila.

Fácil de tocar no telemóvel

Miniaturas até 200 px, com o nome da opção como dica e texto alternativo.

Uma indicação clara do que está selecionado

A variante atual aparece sempre realçada.

As miniaturas, em qualquer loja

Cinco ecrãs do módulo em funcionamento.
Ficha do produto: cada variante à vista antes de escolher.
Ficha do produto: cada variante à vista antes de escolher.
Seleção: um clique escolhe a variante que querem.
Seleção: um clique escolhe a variante que querem.
Definições: configure-o num minuto.
Definições: configure-o num minuto.
Miniaturas: nítidas e fáceis de tocar, de 24 a 200 px.
Miniaturas: nítidas e fáceis de tocar, de 24 a 200 px.
Posição: coloque-o exatamente onde quiser.
Posição: coloque-o exatamente onde quiser.

Perguntas frequentes

De onde vêm as miniaturas de cada variante?

Das imagens que já atribuiu a cada combinação do produto. Não é preciso carregar nada de novo, mas cada combinação precisa da sua própria imagem para ser mostrada.

Posso agrupar por cor, acabamento ou outro atributo?

Sim, pelo grupo de atributos que escolher: cor, acabamento, material, padrão… Indica-o na configuração do módulo; o seu ID encontra-se em Catálogo > Atributos.

Tenho de modificar o meu tema?

Não. Funciona logo após a instalação, numa posição que os temas padrão já usam. Se quiser as miniaturas logo abaixo do seletor de atributos, antes de «Adicionar ao carrinho», basta acrescentar uma linha ao modelo de produto do tema; a ajuda do módulo explica-o passo a passo.

Altera os preços, o stock ou o carrinho?

Não. As miniaturas controlam o seletor de atributos nativo do seu tema, por isso preços, stock e carrinho continuam a funcionar exatamente como antes.

Posso escolher o tamanho das miniaturas?

Sim, entre 24 e 200 píxeis, e também que versão de imagem do PrestaShop usar. O módulo não permite um tamanho maior do que essa versão, para que as imagens nunca fiquem desfocadas.

As variantes não aparecem na página de produto. O que devo verificar?

Três coisas: que o ID do grupo de atributos está correto, que o produto tem mais de uma combinação desse atributo e que cada combinação tem a sua própria imagem.

Ficha técnica

PrestaShop1.7 – 9.1
PHP7.1 – 8.4
IdiomasEN ES FR IT PT DE
LicençaAFL-3.0

Deixe os clientes verem antes de escolher

Instale-o no seu PrestaShop e dê a cada ficha de produto a foto real de cada variante, sem código e sem fotos extra para carregar.

Brevemente no Addons Voltar aos módulos

Precisa de o adaptar à sua loja, ou de algo que nenhum módulo resolve? Desenvolvimento à medida

Experimente na nossa demo

Nada para instalar: uma loja PrestaShop de teste com o módulo a funcionar. Abra a loja ou o back office.

Back office demops.10cero.es/admin10cero
Utilizador
demo@demo.com
Palavra-passe
demodemo
Abrir a administração

A loja é reposta periodicamente e o perfil de administração está limitado à configuração do módulo.