Sarathlal N

Display percentage of savings on sale badge - WooCommerce

In WooCommerce, if an item have a sale price (special price), there will be a savings for your customer. In default, WooCommerce display a sale badge on such instance.

Instead of displaying this plain sale badge, we can display the percentage of saving on this sale badge & it will help to increase the sales.

add_filter('woocommerce_sale_flash', 'tr245_woo_savings_on_sales_flash');

function tr245_woo_savings_on_sales_flash()
{
global $post, $product;
	if ( ! $product->is_in_stock() ) return;
	$sale_price = get_post_meta( $product->id, '_price', true);
	$regular_price = get_post_meta( $product->id, '_regular_price', true);
	if (empty($regular_price)){ //then this is a variable product
		$available_variations = $product->get_available_variations();
		$variation_id=$available_variations[0]['variation_id'];
		$variation= new WC_Product_Variation( $variation_id );
		$regular_price = $variation ->regular_price;
		$sale_price = $variation ->sale_price;
	}
	$savings = ceil(( ($regular_price - $sale_price) / $regular_price ) * 100);
	$sale_flash = '<span class="onsale"> - ' . $savings . '%</span>';
	return $sale_flash;
}

Looking for a skilled WordPress/WooCommerce developer? I'm currently available for freelance, contract, or full-time remote opportunities! Let's create something amazing together. Send me a quick message, and I'll respond within 24 hours!

Recent Posts

  1. Scaling WordPress - How Custom Database Tables Solve the Post Meta Bottleneck
  2. WordPress Transients Explained - A Developer's Guide to Site Performance
  3. Behind the Click - The Hidden Journey of Your Web Requests
  4. Automating Code Linting with GitHub Actions for WordPress Plugins
  5. Comprehensive Guide to Linting PHP, JavaScript, and CSS in WordPress Plugins Using Composer

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.