WooCommerce: Display Regular & Sale Price @ Cart Table

To display both the regular and sale prices in the cart table for WooCommerce, you can utilize the `woocommerce_cart_item_price` filter. Here’s an example of how you can achieve this:

Step 1: Open your theme’s `functions.php` file.

Step 2: Add the following code to the file:

 

// Function to modify cart item price display
function modify_cart_item_price($product_price, $cart_item, $cart_item_key) {
    $product = $cart_item['data'];
    
    if ($product->is_on_sale()) {
        $regular_price = wc_price($product->get_regular_price());
        $sale_price = wc_price($product->get_price());
        
        $product_price = '<del>' . $regular_price . '</del> <ins>' . $sale_price . '</ins>';
    }
    
    return $product_price;
}
add_filter('woocommerce_cart_item_price', 'modify_cart_item_price', 10, 3);

 

Step 3: Save the file and upload it to your theme directory.

With these steps, the `modify_cart_item_price()` function will be triggered for each item in the cart. It checks if the product is on sale using the `is_on_sale()` method. If it is, it retrieves the regular and sale prices using the `get_regular_price()` and `get_price()` methods respectively. Then, it modifies the product price display to include both prices with appropriate del and ins tags for strikethrough and underline effect.

Now, when you view the cart table, the regular price will be displayed with a strikethrough, and the sale price will be displayed with an underline. This allows customers to see the discounted price clearly.

Please note that this code assumes you’re using the default WooCommerce cart table template. If you have a custom cart template, you may need to adjust the code accordingly to fit your specific implementation.

[TheChamp-Sharing]

Related Blogs

Programmatically Remove Product From Cart Using Product Id

Want to remove specific WooCommerce product from a cart?
WooCommerce provide ‘WC()->cart->remove_cart_item(string $cart_item_key)’ function to remove a product from cart. if we go through WooCommerce Documentation , wewill find that it accepts cart_item_key as parameter.

Jquery Form Validator

JQuery Form Validator is a featured jQuery plugin that makes it easy to validate user input while keeping your HTML clean from javascript code.

Request A Quote

Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.