Como adicionar o badge de desconto no WordPress sem Plugin

Home » WordPress» Dicas WorPress» Como adicionar o badge de desconto no WordPress sem Plugin

Como adicionar o badge de desconto no WordPress sem Plugin

25 de janeiro de 2021 | Leitura de 2 min.

Neste pequeno tutorial vou mostrar para você uma forma simples de inserir um badge de desconto na página de seu produto de forma bem simples.

O que é badge de desconto?

Segue uma imagem abaixo detalhando o que seria.

pointcom-badge-off-discount

Lembre-se, antes de qualquer coisa localize seu arquivo functions.php do seu tema, o ideal é sempre usar o functions.php do tema filho, embora não faça modificações no core, banco de dados, sempre é bom fazer um backup antes.

Seguindo a documentação usaremos o filtro woocommerce_sale_flash, não vou detalhar o código aqui.

Para que o código funcione, você tem que ter um produto promocional em sua loja.

Segue abaixo o código:

add_filter( 'woocommerce_sale_flash', 'add_percentage_to_sale_badge', 20, 3 );

function add_percentage_to_sale_badge( $html, $post, $product ) {
    if( $product->is_type('variable')){
        $percentages = array();

        // Get all variation prices
        $prices = $product->get_variation_prices();

        // Loop through variation prices
        foreach( $prices['price'] as $key => $price ){
            // Only on sale variations
            if( $prices['regular_price'][$key] !== $price ){
                // Calculate and set in the array the percentage for each variation on sale
                $percentages[] = round(100 - ($prices['sale_price'][$key] / $prices['regular_price'][$key] * 100));
            }
        }
        $percentage = max($percentages) . '%';

    } else {
        $regular_price = (float) $product->get_regular_price();
        $sale_price    = (float) $product->get_sale_price();

        $percentage    = round(100 - ($sale_price / $regular_price * 100)) . '%';
    }
    return '<span class="onsale pointcom-discount"> -' . $percentage . ' ' . esc_html__( 'OFF', 'woocommerce' ) . '</span>';
}

 

Posts Relacionados

Point Comunicação®

Como preservar as classificações de SEO durante a reformulação de um site

As tendências de design mudam constantemente e se você está tentando se manter competitivo em...


Leia mais
Point Comunicação®

Como corrigir links permanentes quebrados no WordPress

Você pode corrigir permalinks quebrados no WordPress redefinindo as configurações de permalink,...


Leia mais

Deixe seu comentário