Handle code submit for link via data attribute

Oksydan · Sep 17, 2023 · 8d83e02 · 8d83e02
1 parent 6dc9ff1
commit 8d83e02
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/_dev/js/theme/core/cart/handler/voucher/codeLinkSubmitHandler.js b/_dev/js/theme/core/cart/handler/voucher/codeLinkSubmitHandler.js
@@ -4,14 +4,15 @@ const codeLinkSubmitHandler = (event) => {
   const link = event.currentTarget;
   const input = document.querySelector('[name="discount_name"]');
   const form = document.querySelector('.js-voucher-form');
+  const code = link.dataset?.code;
 
-  if (input && form) {
+  if (input && form && code) {
     const formEvent = new Event('submit', {
       bubbles: true,
       cancelable: true,
     });
 
-    input.value = link.textContent;
+    input.value = code;
     form.dispatchEvent(formEvent);
   }
 };

diff --git a/templates/checkout/_partials/cart-voucher.tpl b/templates/checkout/_partials/cart-voucher.tpl
@@ -88,7 +88,10 @@
             {foreach from=$cart.discounts item=discount}
               <li class="cart-summary-line">
                 <span class="label">
-                  <a href="#" class="js-code font-weight-bold">{$discount.code}</a> - {$discount.name}
+                  <a href="#" class="js-code font-weight-bold" data-code="{$discount.code}">
+                    {$discount.code}
+                  </a>
+                    - {$discount.name}
                 </span>
               </li>
             {/foreach}