WooCommerce: Como customizar a exibição dos preço de produtos variáveis

Não é todo mundo que fica feliz com a forma que aparecem os preços de produtos variáveis quando temos dois produtos com preços diferentes no WooCommerce

A exibição normalmente é do menor para o maior da seguinte forma:

produto-variavel-preco-normal

Como tudo no WooCommerce isto é bem simples se ser alterado e podemos fazer isso com a ajuda do filtro woocommerce_variable_price_html, aqui um exemplo de como mostrar o preço como “A partir de R$ XX,XX”:

[gist id=”d0b405a5de74d0f47570″]

O resultado deste código é:

produto-variavel-menor-preco

Além disso é possível exibir do menor preço para o maior, entretanto com um pouco mais de “estilo”:

[gist id=”b07e5c34bd40d0f52a43″]

Exibindo os preços como:

produto-variavel-menor-para-maior-preco

Estes códigos irão funcionar apenas com o WooCommerce 2.1.x ou qualquer outra versão mais recente, então não adianta chorar que não vou dizer como fazer isso com versões antigas 😉

3 Comentários

  1. Caramba! Tenho tentando resolver isso há algum tempo! Você me ajudou muito mesmo!
    muito obrigada amigo!

  2. Alexandre Mello

    Muito bom,achei ótimo a configuração, OBRIGADO!

  3. Júnior Costa

    Parabéns! Você ajuda bastante a gente.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *