Display the discounted percentage near sale price in Single product pages for WC 3.0+ Display the discounted percentage near sale price in Single product pages for WC 3.0+ wordpress wordpress

Display the discounted percentage near sale price in Single product pages for WC 3.0+


Updated - 2019 (avoid rounding price issue) - 2017 (avoid NAN% percentage value)

woocommerce_sale_price_html hook has been replaced by a different hook in WooCommerce 3.0+, that has now 3 arguments (but not the $product argument anymore).

add_filter( 'woocommerce_format_sale_price', 'woocommerce_custom_sales_price', 10, 3 );function woocommerce_custom_sales_price( $price, $regular_price, $sale_price ) {    // Getting the clean numeric prices (without html and currency)    $_reg_price = floatval( strip_tags($regular_price) );    $_sale_price = floatval( strip_tags($sale_price) );    // Percentage calculation and text    $percentage = round( ( $_reg_price - $_sale_price ) / $_reg_price * 100 ).'%';    $percentage_txt = ' ' . __(' Save ', 'woocommerce' ) . $percentage;    $formatted_regular_price = is_numeric( $regular_price ) ? wc_price( $regular_price ) : $regular_price;    $formatted_sale_price    = is_numeric( $sale_price )    ? wc_price( $sale_price )    : $sale_price;    echo '<del>' . $formatted_regular_price . '</del> <ins>' . $formatted_sale_price . $percentage_txt . '</ins>';}

This code goes in function.php file of your active child theme (or theme) or also in any plugin file.
The code is tested and works. For WooCommerce version 3.0+ (thanks to @Mikebcn and @AsifRao)

For rounding the percentage you can use round(), number_format() or number_format_i18n():

$percentage = number_format_i18n( ( $_reg_price - $_sale_price ) / $_reg_price * 100, 0 ).'%';$percentage = number_format( ( $_reg_price - $_sale_price ) / $_reg_price * 100, 0 ).'%';

Original answer code: Here is that functional similar code:

// Only for WooCommerce version 3.0+add_filter( 'woocommerce_format_sale_price', 'woocommerce_custom_sales_price', 10, 3 );function woocommerce_custom_sales_price( $price, $regular_price, $sale_price ) {    $percentage = round( ( $regular_price - $sale_price ) / $regular_price * 100 ).'%';    $percentage_txt = ' ' . __(' Save ', 'woocommerce' ) . $percentage;    $price = '<del>' . ( is_numeric( $regular_price ) ? wc_price( $regular_price ) : $regular_price ) . '</del> <ins>' . ( is_numeric( $sale_price ) ? wc_price( $sale_price ) . $percentage_txt : $sale_price . $percentage_txt ) . '</ins>';    return $price;}

This code goes in function.php file of your active child theme (or theme) or also in any plugin file.
The code is tested and works. For WooCommerce version 3.0+.