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.

Related Blogs

Shortcodes included with WooCommerce

WooCommerce comes with several shortcodes that you can use to display various elements and functionalities on your WordPress website. These shortcodes allow you to customize the appearance and layout of your WooCommerce store. Here are some of the essential shortcodes included with WooCommerce:

Delete Product Image With Product Delete In WooCommerce

In WooCommerce, when you delete a product, by default, the product images are not automatically deleted from the server to avoid accidental data loss. However, you can add a custom action to delete the product images when a product is deleted. Here’s a step-by-step guide to achieve this:

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.