From 2204585cfe376086ce5033b425be95c0bca141ca Mon Sep 17 00:00:00 2001
From: Tymur Biedukhin <tymur.biedukhin@bigcommerce.com>
Date: Thu, 18 Mar 2021 11:09:49 +0200
Subject: [PATCH] fix(storefront): BCTHEME-427 Insufficient button label on
 cart page

---
 CHANGELOG.md                           |  1 +
 lang/en.json                           |  6 +++---
 templates/components/cart/content.html | 18 +++++++++++++-----
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1a3726a135..c6a1e7b6bc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Fixed insufficient button label on cart page from action controls. [#2013](https://github.com/bigcommerce/cornerstone/pull/2013)
 - "Skip to main content" now is visible when top banned is absent. [#2010](https://github.com/bigcommerce/cornerstone/pull/2010)
 - Announce subscribing email field as mandatory. [#2011](https://github.com/bigcommerce/cornerstone/pull/2011)
 - Changed insufficient link text for "Read More" links. [#2012](https://github.com/bigcommerce/cornerstone/pull/2012)
diff --git a/lang/en.json b/lang/en.json
index 4d38c1a745..fd0bda3921 100755
--- a/lang/en.json
+++ b/lang/en.json
@@ -76,7 +76,7 @@
         "freeshipping": "Free Shipping",
         "reconfigure_product": "Configure '{name}'",
         "shipping_peritem": "Per Item Shipping",
-        "remove_item": "Remove item from cart",
+        "remove_item": "Remove {name} from cart",
         "confirm_delete": "Are you sure you want to delete this item?",
         "coupons": {
             "empty_error": "Please enter your coupon code.",
@@ -691,8 +691,8 @@
     "products": {
         "current_stock": "Current Stock:",
         "quantity": "Quantity:",
-        "quantity_decrease": "Decrease Quantity:",
-        "quantity_increase": "Increase Quantity:",
+        "quantity_decrease": "Decrease Quantity of {name}",
+        "quantity_increase": "Increase Quantity of {name}",
         "purchase_units": "{quantity, plural, =0{0 units} one {# unit} other {# units}}",
         "max_purchase_quantity": "Maximum Purchase:",
         "min_purchase_quantity": "Minimum Purchase:",
diff --git a/templates/components/cart/content.html b/templates/components/cart/content.html
index 2fff575a03..d511a26587 100644
--- a/templates/components/cart/content.html
+++ b/templates/components/cart/content.html
@@ -90,8 +90,12 @@ <h2 class="cart-item-name">
                     <label class="form-label cart-item-label" for="qty-{{id}}">{{lang 'products.quantity'}}</label>
                     <div class="form-increment">
                         {{#if can_modify}}
-                            <button class="button button--icon" data-cart-update data-cart-itemid="{{id}}" data-action="dec">
-                                <span class="is-srOnly">{{lang 'products.quantity_decrease'}}</span>
+                            <button class="button button--icon"
+                                    data-cart-update
+                                    data-cart-itemid="{{id}}"
+                                    data-action="dec"
+                            >
+                                <span class="is-srOnly">{{lang 'products.quantity_decrease' name=name}}</span>
                                 <i class="icon" aria-hidden="true"><svg><use xlink:href="#icon-keyboard-arrow-down" /></svg></i>
                             </button>
                         {{/if}}
@@ -110,8 +114,12 @@ <h2 class="cart-item-name">
                                data-action="manualQtyChange"
                                aria-live="polite"{{#unless can_modify}} disabled{{/unless}}>
                         {{#if can_modify}}
-                            <button class="button button--icon" data-cart-update data-cart-itemid="{{id}}" data-action="inc">
-                                <span class="is-srOnly">{{lang 'products.quantity_increase'}}</span>
+                            <button class="button button--icon"
+                                    data-cart-update
+                                    data-cart-itemid="{{id}}"
+                                    data-action="inc"
+                            >
+                                <span class="is-srOnly">{{lang 'products.quantity_increase' name=name}}</span>
                                 <i class="icon" aria-hidden="true"><svg><use xlink:href="#icon-keyboard-arrow-up" /></svg></i>
                             </button>
                         {{/if}}
@@ -133,7 +141,7 @@ <h2 class="cart-item-name">
                         <button class="cart-remove icon"
                                 data-cart-itemid="{{id}}"
                                 data-confirm-delete="{{lang 'cart.confirm_delete'}}"
-                                aria-label="{{lang 'cart.remove_item'}}"
+                                aria-label="{{lang 'cart.remove_item' name=name}}"
                         >
                             <svg><use xlink:href="#icon-close"></use></svg>
                         </button>