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

by

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+.

More Related Contents:

  1. WooCommerce action hooks and overriding templates
  2. Woocommerce: Which hook to replace deprecated “woocommerce_add_order_item_meta”
  3. How to add custom stock status to products in WooCommerce 4+
  4. Allow re-sending New Order Notification in WooCommerce 5+
  5. Add a new custom field to WooCommerce checkout and display on admin order pages and email notifications
  6. Adding custom field to product category
  7. Display custom order meta data value in email notifications WooCommerce
  8. Apply a coupon programmatically in Woocommerce
  9. Customize addresses fields on WooCommerce My account and Checkout
  10. Set custom shipping rates programmatically in Woocommerce 3
  11. Change WooCommerce default password security level
  12. Replace woocommerce_add_order_item_meta hook in Woocommerce 3.4
  13. Replace the Variable Price range by the chosen variation price in WooCommerce 3
  14. Change product prices via a hook in WooCommerce 3+
  15. Checking if customer has already bought something in WooCommerce
  16. WooCommerce: Assigning an endpoint to a custom template in my account pages
  17. WooCommerce: Add product to cart with price override?
  18. How can I get customer details from an order in WooCommerce?
  19. Add fee based on specific payment methods in WooCommerce
  20. Change COD default order status to “On Hold” instead of “Processing” in Woocommerce
  21. Programmatically creating new order in Woocommerce
  22. Custom order status background button color in Woocommerce 3.3 admin order list
  23. Add a custom column with meta data to My Account Orders table in Woocommerce 3+
  24. Remove attribute values from product variation title and show them on separate rows
  25. Multi checkbox fields in Woocommerce backend
  26. Show hide custom Woocommerce checkout field based on selected payment method
  27. Get the metadata of an order item in woocommerce 3
  28. Accessing Order Items protected data in Woocommerce 3
  29. Add a quantity field to Ajax add to cart button on WooCommerce shop page
  30. Add a fee to an order programmatically in Woocommerce 3

Leave a Comment