Utilizando Swatches
Os Swatches permitem que a exibição das variações dos produtos configuráveis sejam de uma forma diferente do dropdown padrão, possibilitando ao consumidor escolher a opção desejada clicando em um Swatch.
Para definir quais atributos serão exibidos como Swatches, acesse:
- Sistema (engrenagem)
- Configurações Avançadas
- Catálogo
- Configurar Swatches
- Clique na aba “Opções de Configuração”
- Deixe o módulo habilitado
- No campo “Atributos para Exibir Swatches na Página do Produto” selecione os atributos que serão exibidos como Swatch
- Salve as alterações
Configurações.
- 2
Adicionando um novo swatch
Para adicionar um Swatch, acesse:
- Design
- Swatches
- No canto superior direito, clique em “Adicionar Swatches”
Adicionando um novo swatch.
- 3
Código e Imagem
No campo “Código” insira a mesma informação da variação presente no atributo. Exemplo:
Se no atributo Cor, o valor na coluna Admin está inserido como “Marrom”, então o código deverá ser preenchido com: “marrom”
Se no atributo Cor, o valor na coluna Admin está inserido como “Azul Claro”, então o código deverá ser preenchido com: “azul-claro”
E assim, por diante.
OBS: As configurações do atributo podem ser verificadas acessando Catálogo >> Atributos >> Gerenciar Atributos. Veja o tutorial sobre atributos de produtos configuráveis, se necessário.
Dessa forma, o código deverá ser preenchido:
- Utilizando somente alfanuméricos (a-z|0-9);
- Com letras minúsculas;
- Sem caracteres especiais;
- Para nomes com espaços, utilize traços (-) ao invés de espaços ( ).
A Imagem deve ser inserida obrigatoriamente no formato PNG e com tamanho aproximado de 45 x 45px.
- 4
Limpe as caches de swatches
Após adicionar todas as imagens desejadas, efetue a limpeza de cache de swatch, acessando:
- Sistema (engrenagem)
- Gerenciamento de Cache
- Clique no botão “Flush Swatch Images Cache”
- 5
Pronto!
