Escolher como as opções de variante são exibidas

O Bundlex permite escolher como cada opção de variante aparece no widget, para que o seletor combine com seu produto e seu tema. Você define isso por opção, então a cor pode ter uma aparência diferente do tamanho.

Encontrar os controles de exibição

1. Abra o pacote e acesse Complementos > Seletor de variantes.
2. Ative o seletor e encontre a tabela Opções de variante.
3. Escolha um Tipo de exibição e uma Predefinição para cada opção e confira a prévia.
4. Salve e teste uma página de produto direcionada com o pacote ativo.

As opções vêm dos produtos direcionados pelo pacote. Se uma opção adicionada recentemente estiver ausente, use Recarregar opções. As opções com o mesmo tipo de exibição compartilham uma predefinição, portanto, alterar a predefinição de uma também atualiza as outras desse tipo.

Tipos de exibição

Para cada opção de variante, você pode escolher uma destas opções:

• Lista suspensa: um menu compacto, ideal para listas longas, como tamanhos.
• Amostra de cor: amostras de cores, detectadas automaticamente quando possível, com o formato controlado pela predefinição.
• Pílula / botão: botões que podem ser tocados para cada valor.
• Imagem da variante: cada valor é exibido como sua própria imagem.

Opções esgotadas

Por padrão, os valores esgotados podem continuar visíveis com um estilo de indisponibilidade. Selecionar uma combinação indisponível exibe uma mensagem e impede sua adição. Se preferir ocultar os valores indisponíveis, marque Ocultar variantes indisponíveis em Avançado > Ofertas e estoque.

Isso afeta o seletor de variantes da própria oferta e os seletores de vendas cruzadas fixas. Brindes gratuitos, upsells e complementos já ocultam variantes esgotadas, portanto, essa configuração não faz diferença neles. Para saber mais sobre por que uma variante aparece como indisponível, consulte a variante aparece como indisponível.

Exibir o nome da cor ao passar o cursor

Uma amostra de cor mostra a cor, não o nome, o que é um problema quando "Areia" e "Pedra" são quase idênticas. Marque Exibir o nome da cor ao passar o cursor nas configurações de estilo de Amostra de cor. Ao passar o cursor sobre uma amostra, aparece uma pequena dica de ferramenta com o nome do valor.

Ela aparece instantaneamente e é estilizada para combinar com o widget, em vez da caixa cinza lenta que o navegador mostra por padrão. Clientes que percorrem as amostras usando o teclado também a veem.

Ela é intencionalmente desativada em celulares e tablets. Como não há um cursor para passar sobre a amostra, a dica apareceria sobre a amostra que o cliente acabou de tocar e cobriria o item que ele estava visualizando. Isso se aplica somente às amostras de cor; os botões já exibem seus nomes, e as imagens de variantes exibem os nomes quando você marca Exibir etiqueta abaixo da imagem nas configurações de estilo de Amostra de imagem.

Estilo e etiquetas

Você pode ajustar o tamanho, o formato e as cores das amostras e dos botões usando as predefinições de estilo. Para ocultar as etiquetas das opções, marque Ocultar etiquetas de variantes em Estilo > Estilo do widget > Etiqueta da variante. Os números das linhas por item aparecem automaticamente quando uma oferta tem mais de uma linha de item; eles não têm uma opção própria. Também há uma opção para ocultar o seletor de variantes do seu tema, exibindo somente o seletor do Bundlex.

Para saber como o seletor de variantes se comporta quando os clientes escolhem uma variante para cada item, consulte permitir que os clientes escolham uma variante por item.