Create Custom Menu in WordPress Dashboard
Complete tutorial on create custom menu in wordpress dashboard. Discover practical examples, implementation tips, and expert advice for WordPress and WooCo
Read More βShow both regular and discounted prices in WooCommerce cart table using woocommerce_cart_item_price filter modifying price display for each cart item. Check if product on sale with is_on_sale method, retrieve regular price with get_regular_price and sale price with get_price functions, format prices with wc_price for currency symbols, wrap regular price in del tags for strikethrough effect indicating original price, wrap sale price in ins tags for emphasis showing discounted amount, provide price transparency helping customers understand savings, display clear pricing reducing confusion about discounts applied, and enhance cart experience with visual pricing comparison encouraging purchases.
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.
Search our archives or reach out to our team for solutions and expert advice.