From ad543e6c89ded7013516ef71ea3603786b79a027 Mon Sep 17 00:00:00 2001
From: Stephen Callender <stephen@fostercommerce.com>
Date: Fri, 1 Nov 2024 06:07:16 -0400
Subject: [PATCH] Flip order of old price/new price in cart

---
 src/templates/_components/app/line-item-cart.twig | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/templates/_components/app/line-item-cart.twig b/src/templates/_components/app/line-item-cart.twig
index 882a015..74b2304 100644
--- a/src/templates/_components/app/line-item-cart.twig
+++ b/src/templates/_components/app/line-item-cart.twig
@@ -62,10 +62,10 @@
 				{% if lineItem.purchasable.onPromotion %}
 					<p class="mt-3 text-sm uppercase text-gray-500">
 						<del
-							class="line-through">{{ lineItem.purchasable.priceAsCurrency }}</del> {{ lineItem.purchasable.salePriceAsCurrency }}
+							class="line-through">{{ lineItem.purchasable.priceAsCurrency }}</del> {{ lineItem.purchasable.salePriceAsCurrency }} each
 					</p>
 				{% else %}
-					<p class="mt-3 text-sm uppercase text-gray-500">{{ lineItem.purchasable.priceAsCurrency }}</p>
+					<p class="mt-3 text-sm uppercase text-gray-500">{{ lineItem.purchasable.priceAsCurrency }} each</p>
 				{% endif %}
 			</div>
 
@@ -162,12 +162,13 @@
 
 				<div class="mt-3 md:mt-0">
 					{% if lineItem.onPromotion or lineItem.discount or lineItem.purchasable.onPromotion %}
-						<h4 class="font-semibold">{{ (lineItem.subtotal + lineItem.adjustmentsTotal)|commerceCurrency(cart.paymentCurrency) }}</h4>
-						<h5 class="mt-1 text-sm text-gray-600 line-through"><span
-								v-text="lineSubtotal">{{ lineItem.subtotalAsCurrency() }}</span></h5>
+						<p class="mt-1 text-sm text-gray-600 line-through"><span
+									v-text="lineSubtotal">{{ lineItem.subtotalAsCurrency() }}</span></p>
+						<p class="font-semibold">{{ (lineItem.subtotal + lineItem.adjustmentsTotal)|commerceCurrency(cart.paymentCurrency) }}</p>
+
 					{% else %}
-						<h4 class="font-semibold"><span v-text="lineSubtotal">{{ lineItem.subtotalAsCurrency() }}</span>
-						</h4>
+						<p class="font-semibold"><span v-text="lineSubtotal">{{ lineItem.subtotalAsCurrency() }}</span>
+						</p>
 					{% endif %}
 				</div>