Merge pull request #2490 from bigcommerce/CHECKOUT-8516

feat(checkout): CHECKOUT-8516 Add Shipping Discount to Cart Page

CHANGELOG.md

@@ -22,6 +22,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Address deprecated jQuery methods [#2466](https://github.com/bigcommerce/cornerstone/pull/2466)
 - Load other font weights and styles for the body-font [#2396](https://github.com/bigcommerce/cornerstone/pull/2396)
 - Stored XSS within company address field [#2485](https://github.com/bigcommerce/cornerstone/pull/2485)
+- Display shipping discount on the cart page [#2490](https://github.com/bigcommerce/cornerstone/pull/2490)
 
 ## 6.14.0 (05-15-2024)
 - Account.php <a href> is inside of a list item [#2457](https://github.com/bigcommerce/cornerstone/pull/2457)

assets/scss/components/stencil/cart/_cart.scss

@@ -679,3 +679,7 @@ $card-preview-zoom-bottom-offset:       6rem;
     padding-bottom: spacing("single");
     padding-right: spacing("single");
 }
+
+.shipping-estimate-value #shipping-cost-discounted {
+    margin-left: spacing("quarter");
+}

templates/components/cart/shipping-estimator.html

@@ -4,7 +4,12 @@
 {{#if shipping_cost}}
     <div class="cart-total-value">
         <div class="subtotal shipping-estimate-show">
-            <a href="#" class="shipping-estimate-value">{{shipping_cost.formatted}}</a>
+            <a href="#" class="shipping-estimate-value">
+                <span class="{{#if shipping_cost_discounted}}price--discounted{{/if}}">{{shipping_cost.formatted}}</span>
+                {{#if shipping_cost_discounted}}
+                    <span id="shipping-cost-discounted">{{shipping_cost_discounted.formatted}}</span>
+                {{/if}}
+            </a>
         </div>
     </div>
 {{else}}