Sign in to follow this  

Como exibir os atributos dos produtos nas categorias no Woocommerce



Description

Quer facilitar a navegação dos seus usuários?

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;

image.png

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.

image.png

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).
image.png

5. Prontinho, já está feito!
image.png

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'.
image.png

Resultado: 
image.png

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

image.png

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.
image.png

É isso aí... esse módulo tem mais um montão de funções... para exibir dimensões, peso etc. Mas eu só gosto mesmo de exibir os atributos.

  • Curtir (+1) 2


Recommended Comments

There are no comments to display.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Add a Comment

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.