Alterar imagem do produto para produtos configuráveis


23

Eu estava procurando uma maneira de alterar a imagem do produto com base no atributo selecionado para o produto configurável. por exemplo

Produto configurável com opções de cores: 1) Vermelho 2) Verde

Se o Vermelho for selecionado pelo usuário, deve alterar a imagem principal na página de detalhes pela dos produtos associados.

Eu examinei este produto simples configurável

Mas, nas revisões, alguém está dizendo que a alteração da imagem não está funcionando, isso também está adicionando uma funcionalidade extra para preços com base em produtos associados, não era isso que eu estava pensando.

Qualquer um que tenha alguma idéia de como isso pode ser alcançado sem ter que colocar muito trabalho. Obrigado.

Respostas:


29

A pergunta está marcada com mas para referência futura, se você estiver usando ou superior, o recurso já estará incorporado, com as chamadas Amostras configuráveis ​​que permitem "Produto Troca de imagem ".

Você pode ativar esse recurso em Sistema> Configuração> CATÁLOGO> Amostras configuráveis

Imagem do produto

A animação a seguir mostra como isso funciona nas páginas de listagem e detalhes do produto:

animação

Trocar imagens definidas pelo rótulo da opção

Uma maneira de configurar imagens de troca é fazer upload de imagens para um produto configurável com rótulos que correspondam exatamente aos rótulos das opções específicas (por exemplo, Royal Blue).

Aqui está um exemplo de uma galeria de imagens de produto configurável que contém imagens para três cores:

configuração de etiqueta de opção

Trocar imagens definidas pela imagem base

Outra maneira de configurar imagens de troca é fazer upload de imagens de base para cada produto filho do produto configurável.

Aqui está um exemplo de um produto filho Royal Blue com uma imagem de base anexada:

configuração de imagem base

Fonte e documentação completa: http://docs.magento.com/m1/ce/user_guide/catalog/product-configurable-swatch.html


Nice Demo ... Isso será útil.
Eddie B

Estou usando amostras configuráveis ​​como você sugeriu, mas o problema é que fica desmarcada depois que eu seleciono a opção dois no produto configurável. Por exemplo, eu seleciono a cor, a imagem correta é selecionada e, em seguida, seleciono o tamanho e a imagem desaparece deixando o magento padrão "sem imagem". Alguma idéia de como consertar isso?
KI

17

É uma quantidade considerável de trabalho para implementar isso você mesmo, mas há várias extensões que o implementam, tanto gratuitas quanto comerciais.

Há muito mais como um google rápido mostrará, mas é tudo o que posso falar sobre a experiência em primeira ou segunda mão.


3
Muito obrigado pela sugestão, mas eu escolhi o magentocommerce.com/magento-connect/catalog/product/view/id/… instalado sem problemas, funcionando como esperado.
Ravisoni

@ravisoni Eu uso o SCP e funciona perfeitamente para mim (com mods apropriados para o Magento 1.8.1). Qual extensão você usou (seu link acima não vai mais a uma extensão)?
PedroKTFC

Estou usando o SCP, mas na exibição em grade ou lista, a imagem não é alterada, dependendo do filtro escolhido. Tenho tapetes que vêm em cores, essas cores são definidas nos produtos simples, mas ao filtrá-lo, apenas mostra a imagem de base. Alguma ideia?
Karl

1

para alterar a imagem das opções do produto configurável, você pode tentar nossa extensão. http://extensions.sashas.org/customer-experience/configurable-image-swticher.html Ele obterá imagem do produto relacionado simples real.


2
Algumas informações sobre como essa extensão funciona e como o usuário e implementá-la em sua loja seriam ótimas para ajudá-lo a decidir se vale a pena pagar pela extensão.
David Manners

Basicamente, ele altera a imagem principal na página do produto para a imagem do produto associada. Mas há uma coisa que, em temas personalizados, podem ser diferentes módulos de zoom e visualização de imagem, então ele precisa de personalização de acordo com o zoom personalizado. É por isso que existe opção de instalação. Mas você sempre pode tentar e solicitar a instalação, se precisar de ajuda.
Bred

O link nesta resposta não funciona mais, valeria a pena editá-lo com um link atualizado
lee murphy
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.