Скачать или смотреть How to Show Crossed-Out Regular Price and Sale Price in Woocommerce Cart Subtotal

Learn how to display a crossed-out regular price alongside the sale price in your Woocommerce cart subtotal effortlessly.
---
This video is based on the question https://stackoverflow.com/q/75069249/ asked by the user 'Brendan Fredrich' ( https://stackoverflow.com/u/13998031/ ) and on the answer https://stackoverflow.com/a/75124646/ provided by the user 'Brendan Fredrich' ( https://stackoverflow.com/u/13998031/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Show Woocommerce cart subtotal crossed out regular price with sale price

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Displaying Crossed-Out Regular Price and Sale Price in Woocommerce Cart Subtotal

If you've ever struggled with showcasing the regular price alongside a discounted sale price in your Woocommerce cart subtotal, you're not alone. Many website owners wish to provide their customers with a clear purchasing experience, especially when items are on sale. This guide will guide you through how to implement this feature with ease.

Understanding the Problem

You want your customers to see a crossed-out regular price when they view the cart subtotal alongside the sale price. This kind of display can significantly enhance the perceived value of the discount and can encourage shoppers to make a purchase. However, achieving this effect through code can sometimes be tricky.

The Solution: Step-By-Step Implementation

To successfully display the crossed-out regular price with the sale price, you will need to follow a straightforward approach using PHP. Below is the code necessary to create the desired output in your WooCommerce cart subtotal.

Step 1: Identify if the Product is on Sale

First, check if the item in the cart is on sale. You can do this by using the is_on_sale() method.

Step 2: Output the Prices

Here’s the code snippet you can use in your WooCommerce theme files, typically found in functions.php or a custom plugin. This code checks if the item is on sale and prints out the corresponding prices.

[[See Video to Reveal this Text or Code Snippet]]

Explanation of the Code

is_on_sale(): This method checks whether the product is currently being offered at a sale price.

get_regular_price(): Fetches the original price before any discounts.

get_price(): Retrieves the sale price of the product.

HTML Elements:

<del>: Used for the crossed-out regular price.

<ins>: Used to highlight the sale price that is currently valid.

<span>: Displays the price along with the currency symbol.

Step 3: Adapting the Code to Your Theme

Ensure that this logic is placed in the appropriate file where the cart subtotal is being displayed. Depending on your theme, you might need to customize the output to match the styling and structure of your website.

Conclusion

Adding a crossed-out regular price and a sale price in your WooCommerce cart subtotal displays transparency and can increase trust among customers, ultimately boosting sales. With this simple PHP snippet, you can easily and effectively enhance the shopping experience on your site.

By implementing this code, you not only inform your customers of the savings they are getting but also make your site visually appealing. Happy coding!