Um cliente que seleciona a cor verde e continua a ver as fotos do modelo vermelho não tem motivo nenhum para confiar naquilo que está a encomendar. O comportamento esperado é óbvio, mas o PrestaShop não o produz sozinho.
Como o PrestaShop associa imagens e variantes
O mecanismo existe de origem. No separador das combinações de um produto, cada combinação pode ter associada uma ou várias imagens de entre as da ficha.
Dois limites explicam porque isto não funciona como esperado em muitas lojas.
A associação é puramente manual, imagem a imagem e combinação a combinação. Num produto com quinze variantes e doze fotos, o exercício é longo e ninguém o faz em todo o catálogo.
Sobretudo, a associação não determina o comportamento da galeria. Consoante o tema, a seleção de uma variante pode filtrar as imagens, mudar apenas uma, ou não fazer nada. Quem decide é o tema, não a associação.
Os três comportamentos possíveis
Não mudar nada. Todas as imagens continuam visíveis seja qual for a seleção. É o comportamento mais frequente, e o pior: o cliente tem de adivinhar quais correspondem à sua escolha.
Mudar a imagem principal. A foto de capa passa para a da variante, as miniaturas ficam iguais. Comportamento intermédio, aceitável em produtos com poucas fotos.
Filtrar a galeria. Só ficam visíveis as imagens associadas à variante selecionada. É o comportamento que os clientes esperam, e o que reduz devoluções.
Um quarto comportamento merece ser ponderado: filtrar mantendo no fim da galeria as imagens comuns a todas as variantes, do tipo esquema técnico ou foto de pormenor do material.
Galeria de Produto PrestaShop: Zoom HD, Ecrã Inteiro e Filtro de VariantesGaleria de produto de nova geração: zoom HD, miniaturas verticais, ecrã inteiro no telemóvel com pinça e filtragem das imagens por variante.69,00€
O caso das variantes sem imagem
Situação sistemática assim que o catálogo cresce: uma cor nova é criada antes de as fotos serem tiradas.
A filtragem estrita produz então uma galeria vazia, o que é bem pior do que a ausência de filtragem. O comportamento de recuo tem de ser explícito: se nenhuma imagem estiver associada à variante selecionada, a galeria mostra o conjunto das imagens do produto.
Preveja também um controlo no back-office que liste as combinações sem imagem associada. É uma tarefa de manutenção de cinco minutos por mês que evita semanas de fichas degradadas.
A armadilha dos atributos múltiplos
Ponto de conceção que decide a viabilidade do exercício.
Um produto com cinco cores e seis tamanhos tem trinta combinações. Ora as fotos só variam com a cor: o tamanho M e o tamanho L do modelo verde usam os mesmos visuais.
Associar as imagens às trinta combinações equivale a repetir cinco vezes o mesmo trabalho por cor. A boa abordagem consiste em associar as imagens ao atributo visual em vez da combinação completa, e deixar o sistema resolver.
Na prática, a regra útil é: identifique o atributo ou atributos que mudam o aspeto, normalmente a cor e por vezes o material, e associe só nesses.
A coerência nos outros sítios
A galeria da ficha não é o único sítio em causa, e é isso que mais se esquece.
Na listagem de categoria, se apresentar bolinhas de cor com pré-visualização, a imagem da miniatura deve seguir a cor sob o cursor.
Na pré-visualização rápida, o comportamento deve ser idêntico ao da ficha, senão o cliente nota uma incoerência entre as duas vistas.
No carrinho e nos e-mails de encomenda, a imagem deve ser a da variante encomendada, não a da capa do produto. É um pormenor que evita reclamações do tipo «não foi isto que encomendei».
O desempenho
Filtrar as imagens do lado do navegador pressupõe tê-las todas carregadas. Num produto com quarenta fotos repartidas por oito cores, isso representa um peso importante para um cliente que só verá cinco.
Duas soluções. O carregamento diferido das imagens não apresentadas, que só as descarrega quando se tornam visíveis. Ou o carregamento a pedido na mudança de variante, que poupa mais mas acrescenta uma latência percetível.
Na maioria dos catálogos, o carregamento diferido chega e é mais simples de manter.
O zoom e o ecrã inteiro
Último ponto de coerência: a vista ampliada deve ser filtrada da mesma forma que a galeria. Um cliente que abre o ecrã inteiro numa cor e que percorre até ver todas as outras perde a confiança que a filtragem acabava de construir.
O módulo Galeria de Produto para PrestaShop trata esta cadeia no PrestaShop 8 e 9: filtragem das imagens conforme a variante selecionada com recuo quando nenhuma imagem está associada, coerência entre galeria, zoom e ecrã inteiro, e carregamento diferido dos visuais não apresentados.
