Como exibir os atributos dos produtos nas categorias no Woocommerce

Se você quer facilitar a navegação dos seus clientes em sua loja virtual, evitando que o cliente acesso todos os itens uma boa pedida é criar atributos específicos para seus itens, como por exemplo TAMANHO, COR, NCM etc e usar esses campos como filtros.

Porém, se quer ir além e deseja exibir os atributos no catálogo de produtos, existe uma forma simples, vamos começar com o ANTES;

1. Faça o download desse plugin.
2. Instale-o e ative-o indo em Plugins > Instalar Novo.
3. Agora vá em Woocommerce > Configurações > Aba Show Attributes.

4. Para exibir os atributos na página, selecione a opção Show Attributes on Shop Pages, selecione a opção desejada. Eu gosto que seja exibido acima do preço (above price).

5. Prontinho, já está feito!

6. Quero reforçar que eu fiz um design personalizado para os meus atributos, deixando o título em negrito e a fonte pequena. Caso queira fazer também é só usar esse CSS.

/* Tutorial Pixel Project */
.custom-attributes .attribute-label {font-weight: bold;}
.custom-attributes {font-size:12px;}
.custom-attributes .attribute-label {font-weight: bold;}

Funções extras dessa ferramenta!

1. Quer esconder alguns atributos? Vá em produtos > editar produto desejado, em Dados do Produto clique na aba Atributos > Selecione o atributo desejado (SALA) e desmarque a opção 'Visível na página do produto'.

Resultado:

2. Quer transformar os atributos em links? Quando o cliente clicar vai filtrar! É bem simples: Vá em Woocommerce > Configurações > Produtos > Show Attributes, no final da página selecione a opção Show Attribute Terms as Links

3. Quer reorganizar a ordem? É bem tranquilo.. Vá em produtos > editar produto desejado, em Dados do Produto clique na aba Atributos, passe a mouse por cima do atributo, segure o botão do mouse e arreste-o para a posição desejada. Depois é só salvar.