WooCommerce display price with applied coupon(s) per item in cart

woocommerce-cart-item-coupon-price.php

<?php
/**
 * Woocommerce cart - display prices with coupons applied, per cart item.
 *
 * @param string $subtotal
 * @param array  $cart_item
 * @param string $cart_item_key
 * @return $subtotal
 *
 * Inspired by:
 * @sourcecode    https://businessbloomer.com/?p=21881
 * @author        Rodolfo Melogli
 */
function prefix_cart_item_coupon_subtotal( $subtotal, $cart_item, $cart_item_key ) {

  $cart    = WC()->cart;
  $coupons = $cart->get_coupons();
  // If no coupons, just go with subtotal.
  if ( empty( $coupons ) ) {
    return $subtotal;
  }

  // Set defaults.
  $label            = '';
  $discounted_price = 0;
  $amount_prev      = 0;
  $newsubtotal      = '';
  $iterator         = 1;
  $coupons_count    = is_countable( $coupons ) ? count( $coupons ) : 0;

  foreach ( $coupons as $coupon ) {
    $data        = $coupon->get_data();
    $coupon_code = $data['code'];
    $amount      = $data['amount'];
    $type        = $data['discount_type'];

    if ( $cart->has_discount( $coupon_code ) && $coupon->is_valid() ) {

      $label = __( 'Coupon: ', 'textdomain' ) . $coupon_code;
      // Sequentially apply coupons is applying next coupon to already disconted price, not original price.
      $apply_seq = 'yes' === get_option( 'woocommerce_calc_discounts_sequentially', 'no' ) ? true : false;
      // Price to be discounted - already discounted or original.
      $price_to_discount = ( $apply_seq && $discounted_price ) ? $discounted_price : $cart_item['data']->get_price();

      // Calculate the discount, depending on the discount type.
      if ( 'percent' === $type ) {
        $discounted_price = $price_to_discount - ( $price_to_discount * ( ( $amount + $amount_prev ) / 100 ) );
      } elseif ( 'fixed_product' === $type ) {
        $discounted_price = $price_to_discount - ( $amount + $amount_prev );
      }

      // Add the currency and html to new subtotal (after multiplied with quantity).
      $wc_html_subtotal = wc_price( $discounted_price * $cart_item['quantity'] );
      // New subtotal for each coupon discount and the final newsubtotal.
      if ( $iterator < $coupons_count ) {
        $newsubtotal .= sprintf( '<div class="discount"><small class="coupon-code">%s</small><s>%s</s></div>', $label, $wc_html_subtotal );
      } else {
        $newsubtotal .= sprintf( '<div class="discount"><small class="coupon-code">%s</small>%s</div>', $label, $wc_html_subtotal );
      }
    }
    // If coupons not applied sequentially, apply all the coupons combined to the original price.
    $amount_prev = ! $apply_seq ? $amount : 0;
    $iterator++;
  }
  // Subtotal with new subtotal(s) added (applied coupons).
  $subtotal = sprintf( '<s>%s</s> %s', $subtotal, $newsubtotal );

  return $subtotal;
}
add_filter( 'woocommerce_cart_item_subtotal', 'prefix_cart_item_coupon_subtotal', 99, 3 );

/**
 * Styles added inside head tag, for testing purposes.
 * For live application, add these styles to your existing enqueued styles,
 * or enqueue this separately (don't use wp_head hook).
 */
add_filter(
	'wp_head',
	function () {
		?>
		<style>
		.woocommerce table.shop_table .product-subtotal s,
		.woocommerce table.shop_table .product-total > s {
			font-size: 0.95em;
			font-weight: normal;
			margin: 0px !important;
			opacity: 0.7;
		}
		.woocommerce table.shop_table .product-subtotal s,
		.woocommerce table.shop_table .product-subtotal > span,
		.woocommerce table.shop_table .product-total s,
		.woocommerce table.shop_table .product-total > span {
			line-height: 1.4;
			margin: 5px;
		}
		.woocommerce table.shop_table .product-subtotal > span,
		.woocommerce table.shop_table .product-total > span {
			font-weight: bold;
		}
		.discount {
			position: relative;
			display: block;
		}
		.discount > * {
			display: inline-block;
		}
		.coupon-code {
			padding: 1px 4px 0px;
			border: 1px solid #ddd;
			line-height: 1.5;
			background: #fbf2e5;
			margin-right: 4px;
			text-transform: uppercase;
			font-size: 9px;
			font-weight: bold !important;
			border-radius: 4px;
			opacity: 0.8;
		}
		@media screen and (max-width: 480px) {
			.coupon-code {
				display: none;
			}
		}
		</style>
		<?php
	}
);