Hot to add WooCommerce Display Fixed Saving Amount On Sale Products

The Code Snippet

The code snippet provided targets both simple and variable products, ensuring a consistent experience across your store. Let’s break down what each part does:

Plugin Used:

Code snippet Plugin

Simple Products

The first function, woo_display_fixed_amount_savings_on_sale_simple_products, uses the woocommerce_get_price_html filter. This filter modifies the price displayed for a product.

• if ( $product->is_on_sale() && $product->is_type( 'simple' ) ): This line checks if the product is a simple product and if it’s currently on sale.
• $regular_price = $product->get_regular_price();: This retrieves the product’s original price.
• $sale_price = $product->get_sale_price();: This retrieves the product’s current sale price.
• $savings = $regular_price - $sale_price;: This calculates the exact amount the customer is saving.
• $price .= '<br><small>You save ' . wc_price($savings) . '!</small>';: This line adds the “You save [amount]” text to the existing price HTML. The wc_price() function formats the savings amount according to your store’s currency settings.

Variable Products

The second function, woo_display_fixed_amount_savings_on_sale_variable_products, uses the woocommerce_available_variation filter. This is specifically for products with variations (e.g., different sizes or colors). This code will display the savings once a variation has been selected by the customer.

• if( $variation->is_on_sale() ): This checks if the selected variation is on sale.
• $savings_amount = $data['display_regular_price'] - $data['display_price'];: This calculates the savings amount for the specific variation.
• $data['price_html'] .= 'You save' . wc_price($savings_amount);: This appends the savings text to the price display for the variation.

How to Implement the Snippet

There are two primary ways to add this code to your WooCommerce store:

1. Child Theme’s functions.php file: This is the most common method. Access your theme files via FTP or cPanel’s File Manager and add the code to the end of your functions.php file. Important: Always use a child theme to avoid losing your changes during a theme update.
2. Code Snippets Plugin: For an easier and safer method, use a plugin like “Code Snippets.” This allows you to add, manage, and activate code snippets directly from your WordPress dashboard without modifying core theme files.