Como exibir preços com “A partir de” nas variações do WooCommerce

Por padrão, produtos variáveis com preços diversos serão exibidos assim:

R$ 10,00 – R$ 150,00

Sendo o valo da esquerda o mais barato e o da direita, mais caro dentre os disponíveis. Isso é pouco comum no Brasil e pode até soar um pouco confuso para os consumidores.

Muita gente prefere exibir os preços como “A partir de R$ 10,00”, o que é mais explicativo. Mas também pode ser “De R$ 10,00 a R$ 150,00”, que é mais claro nos valores reais.

Vai depender do seu interesse.

Para fazer isso desde o WooCommerce 3.0 é muito fácil. É possível resolver com poucas linhas de código, que estão disponíveis abaixo:

Fácil, não?

Onde colocar este código?

Não sabe como utilizar códigos personalizados no seu site? Veja este tutorial que mostro como fazer isso de maneira correta e fácil.

8 comentários em “Como exibir preços com “A partir de” nas variações do WooCommerce”

  1. olá, eu gostaria de exibir o valor do resultado dos preços variaveis, no lugar do preço, para evitar qualquer confusão. explico: no site aparece assim “A partir de R$ 10,00”. eu gostaria de quando o cliente selecionar a variavel, e ela retornar um preço, este fosse exibido no lugar do “A partir de R$ 10,00”. existe como fazer isso? agradeço desde já.

  2. Amigo, eu usei o código da seguinte forma e deu muito certo. Adicionei o código no functions.php mas em vez de deixar o código na função normal eu alterei para que: quando o produto form variável ele oculta o preço que seria de R$10-R$50 e quando for um produto simples ele exibe o preço normalmente.
    Veja como eu fiz:
    <?php

    add_filter( 'woocommerce_format_price_range', 'fa_custom_range_price', 10, 3 );
    function fa_custom_range_price( $price, $from, $to ) {
    return sprintf( ' ', wc_price( $from ) );
    }
    O que fiz foi apenas remover o texto "A partir de %s": deixando vazio, dessa forma quando o produto é variável ele exibe apenas o preço da variação selecionada, e quando o produto é simples e ele exibe normalmente o preço.

    Detalhe: O estilo do preço da variação é diferente do preço normal, então eu adicionei um css para que, quando for produto variável o preço da variação fica no estilo do preço normal. se tiver interesse no css deixe seu comentário aqui .

    Outra questão é que com essa alteração se não tiver uma variação padrão o produto aparece sem preço, isso porque o que fiz não é exatamente a melhor solução.

Deixe um comentário

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