PrestaShop Gestão de catálogo

Agrupar Produtos como Variantes no PrestaShop 8 e 9: Seletor de Cor e Tamanho estilo Amazon

Uma cor, uma ficha, um URL. Um único seletor para passar de uma para outra.

Cria um produto por cor para que cada uma tenha a sua página, as suas fotos e o seu lugar no Google, mas o cliente não vê que o artigo também existe em azul ou preto. Este módulo liga essas fichas: em cada uma, um seletor Cor: Vermelho mostra as amostras das outras cores e um clique abre a ficha escolhida. Os produtos continuam independentes, com o seu URL, o seu stock e o seu SEO. Nas categorias pode mostrar uma só miniatura por grupo, com as amostras das outras cores e uma imagem que muda ao passar o rato.

At a glance
  • Liga fichas de produto distintas e apresenta-as como seletor de cor, tamanho ou qualquer outro atributo
  • Cada variante mantém o URL, o título, as imagens e a indexação no Google
  • Amostras de cor, miniaturas de foto, botões com preço ou lista pendente, à escolha por eixo
  • Opção de um só produto por grupo nas categorias, com amostras e imagem que muda ao passar o rato
  • Assistente de agrupamento automático, importação/exportação CSV e dados estruturados ProductGroup
PrestaShop 8 e 9 Um URL por variante Schema ProductGroup Importação CSV
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Agrupar Produtos como Variantes no PrestaShop 8 e 9: Seletor de Cor e Tamanho estilo Amazon
v1.2.0 · atualizado 2026-09-23
O que faz

A versão curta.

01

O seletor da Amazon, em produtos separados

Na ficha da T-shirt Vermelha, o cliente vê Cor: Vermelho e as amostras das outras cores. Um clique abre a ficha da cor escolhida. Com dois eixos, cor e tamanho, o módulo mantém o tamanho atual quando o cliente muda de cor e assinala com contorno tracejado as combinações que não existem.

02

Cada cor indexada separadamente

Cada variante mantém o URL, o título, a meta description e as imagens. O módulo acrescenta dados estruturados schema.org ProductGroup com hasVariant e variesBy, o preço apresentado e a disponibilidade de cada variante. Se as fichas de cor forem quase idênticas, uma opção aponta o URL canónico para o produto principal.

03

Categorias mais legíveis

Opcionalmente, uma só miniatura por grupo nas listagens de categoria. O produto em destaque é o primeiro do grupo ou o primeiro em stock, recalculado a cada movimento de stock. Sob o preço, as amostras das outras cores levam à respetiva ficha e a imagem da miniatura muda ao passar o rato.

04

Grupos criados em poucos minutos

O assistente identifica os produtos criados um por cor, por exemplo com o DF ProductSplitter, comparando os nomes ou a raiz das referências, e propõe grupos para assinalar. Para um catálogo grande, a importação CSV faz uma análise prévia que lista cada linha rejeitada com o motivo.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Agrupar Produtos como Variantes no PrestaShop 8 e 9: Seletor de Cor e Tamanho estilo Amazon funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Porquê um produto por cor

Um produto PrestaShop com combinações só tem um URL: a T-shirt vermelha e a azul partilham a mesma página, o mesmo título e a mesma posição no Google. Por isso muitos lojistas criam um produto por cor, à mão ou com o DF ProductSplitter, para que cada cor tenha a sua página, as suas fotos e a sua oportunidade na pesquisa T-shirt azul. O inconveniente: na ficha da vermelha nada indica que existe em azul. Este módulo resolve essa lacuna, é o movimento inverso do ProductSplitter.

§ 02

Como as fichas são ligadas

Um grupo reúne vários produtos e um ou mais eixos. Cada eixo é um grupo de atributos nativo, por isso as cores, texturas e traduções já introduzidas em Catálogo > Atributos são reutilizadas. Para cada produto do grupo, indica o seu valor em cada eixo. A ordem das linhas do grupo define a ordem das amostras, e um botão ordena as linhas pela ordem dos atributos.

§ 03

O que o cliente vê

Em cada ficha do grupo, o seletor fica por cima do botão de adicionar ao carrinho. A variante apresentada está destacada, as outras são ligações para a respetiva ficha e, ao clicar, surge um indicador de carregamento. Uma variante sem stock aparece esbatida e riscada, ou oculta conforme a sua definição. Nas listagens, as amostras aparecem sob o preço e a imagem da miniatura muda ao passar o rato.

§ 04

Pensado para o SEO

As ligações entre variantes são ligações HTML reais, o que reforça a ligação interna. Cada ficha mantém o seu canónico, ou aponta-o para o produto principal se assim o decidir. O bloco JSON-LD ProductGroup descreve o grupo com o preço apresentado ao cliente, e a opção de um só produto por grupo usa a visibilidade nativa dos produtos: as outras fichas continuam online, acessíveis e encontráveis pela pesquisa interna.