Trocar Dropdown de atributo por Imagens/Cores no produto configurável

Neste tutorial iremos explicar como realizar a troca do Dropdown por imagens ou miniatura de cores dentro das páginas dos produtos configuráveis e também nas páginas de categorias.

Iremos utilizar o módulo Configurable Swatch da Amasty para tal funcionalidade.

Neste ponto, espera-se que já tenham sido criados os produtos, tanto os simples quanto o configurável, utilizando o atributo COR como variável.

No Painel Administrativo, acesse a lista de atributos, em CATALOGO/ATRIBUTOS/GERENCIAR ATRIBUTOS.

Filtre o atributo pela coluna LEGENDA e clique na linha referente ao atributo Cor.

Na aba à esquerda ATRIBUTOS DAS IMAGENS, você irá encontrar as configurações necessárias para realizar a troca do Dropdown das cores.

Dentro da área Configurações de tamanho das imagens, sete a opção Use imagens para seleção de opções de produtos configuráveis, como mostra a imagem abaixo:

Na área Atributos das imagens, você verá as opções de cores que estão cadastradas. PARA CADASTRAR MAIS OPÇÕES, SIGA O SEGUINTE TUTORIAL: http://bring.com.br/suporte/?knowledgebase=gerenciar-descricaoopcoes-de-atributos.

Na coluna ENVIAR IMAGEM, você verá 2 opções: uma para enviar uma imagem e a segunda é o Color Picker, aonde pode ser setada uma cor – é a opção que iremos utilizar neste caso. Clique em COLOR PICKER, selecione a cor e clique em APLICAR.

Na coluna VISUALIZAR você terá a cor de cada opção.

Salve as alterações e limpe o cache. Veja como ficará no exemplo abaixo:

Algumas configurações para esta área estão presentes em SISTEMA/CONFIGURAÇÃO/Configurable Swatches e em SISTEMA/CONFIGURAÇÃO/Color Swatches Pro. Configurações comportamentais como a exibição ou não do Dropdown abaixo das cores, o recarregamento de mais informações além da imagem do produto, etc.

Caso haja dúvidas, enviar para [email protected].