Altere a lista suspensa para os botões nas opções de produtos variáveis ​​do WooCommerce

Nos produtos variáveis ​​do WooCommerce, cada opção de variação vem em um menu suspenso. Não é ruim, mas não é muito visual. Neste tutorial veremos como alterá-lo para botões.

Veremos também que, se as opções forem botões, podemos adicionar o botão com a cor para que seja muito intuitivo.

Ou seja, partiríamos deste formato:

variações suspensas do woocommerce

a este outro:

variações de cores dos botões

Se as opções não forem cores, elas aparecerão com as opções em botões como você pode ver abaixo:

opções de botões do woocommerce

Como você pode ver, muito mais intuitivo e utilizável do que um menu suspenso.

Vídeo tutorial:

Inscreva-se no meu canal:  

Temos que instalar o plugin gratuito Amostras de cores e imagens para atributos de produtos variáveis

E uma vez instalado vamos em Produtos -> Atributos e inserimos o atributo específico no qual queremos adicionar o botão. Para entrar clicamos em “configurar termos” e no termo no botão editar:

termos atributos woocommerce

Veremos que aparece uma opção que não aparecia antes: “Tipo”, esta opção pode ser Nenhuma ou Cor:

termos de variáveis ​​de opção

Se escolhermos a cor faremos o botão com a cor que queremos e se não escolhermos nenhuma será um botão com texto.

Como você pode ver é muito simples, mas o resultado é muito interessante.

Espero que lhe seja útil 😉
lembranças

Deixe um comentário