Fix problem click label payment method in checkout

MONEI · Jun 3, 2024 · caab440 · caab440
1 parent 8aaa6db
commit caab440
Show file tree

Hide file tree

Showing 11 changed files with 20 additions and 12 deletions.
diff --git a/view/frontend/web/css/bizum.css b/view/frontend/web/css/bizum.css
@@ -1,4 +1,4 @@
-.payment-method#monei_bizum .payment-method-title label span.monei-payment-icon{
+.payment-method#method_monei_bizum .payment-method-title label span.monei-payment-icon{
     background: url(../img/bizum.svg) no-repeat;
     width: 70px;
 }

diff --git a/view/frontend/web/css/card-input.css b/view/frontend/web/css/card-input.css
@@ -1,4 +1,4 @@
-.payment-method#monei_card .payment-method-title label span.monei-payment-icon{
+.payment-method#method_monei_card .payment-method-title label span.monei-payment-icon{
     background: url(../img/cards.svg) no-repeat;
     width: 220px;
 }

diff --git a/view/frontend/web/css/google-apple.css b/view/frontend/web/css/google-apple.css
@@ -1,13 +1,13 @@
-.payment-method#monei_google_pay .payment-method-title label span.monei-payment-icon{
+.payment-method#method_monei_google_pay .payment-method-title label span.monei-payment-icon{
     background: url(../img/google-pay.svg) no-repeat;
     width: 50px;
 }
-.payment-method#monei_apple_pay .payment-method-title label span.monei-payment-icon{
+.payment-method#method_monei_apple_pay .payment-method-title label span.monei-payment-icon{
     background: url(../img/apple-pay.svg) no-repeat;
     width: 50px;
 }
 #monei-google-apple-insite-payment-form {
-    width: 130px;
+    width: 225px;
 }
 
 @media only screen and (max-width: 768px) {

diff --git a/view/frontend/web/css/mbway.css b/view/frontend/web/css/mbway.css
@@ -1,4 +1,4 @@
-.payment-method#monei_mbway_redirect .payment-method-title label span.monei-payment-icon{
+.payment-method#method_monei_mbway_redirect .payment-method-title label span.monei-payment-icon{
     background: url(../img/mbway.svg) no-repeat;
     width: 45px;
 }
diff --git a/view/frontend/web/css/multibanco.css b/view/frontend/web/css/multibanco.css
@@ -1,4 +1,4 @@
-.payment-method#monei_multibanco_redirect .payment-method-title label span.monei-payment-icon{
+.payment-method#method_monei_multibanco_redirect .payment-method-title label span.monei-payment-icon{
     background: url(../img/multibanco.svg) no-repeat;
     width: 105px;
 }
diff --git a/view/frontend/web/js/view/payment/method-renderer/monei-google-apple-method.js b/view/frontend/web/js/view/payment/method-renderer/monei-google-apple-method.js
@@ -56,9 +56,9 @@ define(
 
             getPaymentCode: function () {
                 if(this.applePaySupported){
-                    return 'monei_apple_pay';
+                    return 'method_monei_apple_pay';
                 }
-                return 'monei_google_pay';
+                return 'method_monei_google_pay';
             },
 
             isMethodVisible: function () {

diff --git a/view/frontend/web/js/view/payment/method-renderer/monei-insite.js b/view/frontend/web/js/view/payment/method-renderer/monei-insite.js
@@ -104,5 +104,9 @@ define(
             redirectToFailOrder: function (status) {
                 window.location.replace(url.build(this.failOrderUrl+'?status='+status));
             },
+
+            getPaymentCode: function () {
+                return 'method_'+this.getCode();
+            },
         });
     });
diff --git a/view/frontend/web/js/view/payment/method-renderer/monei-redirect-method.js b/view/frontend/web/js/view/payment/method-renderer/monei-redirect-method.js
@@ -23,5 +23,9 @@ define(
                     return false;
                 }
             },
+
+            getPaymentCode: function () {
+                return 'method_'+this.getCode();
+            },
         });
     });
diff --git a/view/frontend/web/template/payment/monei-bizum-insite.html b/view/frontend/web/template/payment/monei-bizum-insite.html
@@ -4,7 +4,7 @@
  * @copyright Copyright © Monei (https://monei.com)
  */
 -->
-<div class="payment-method monei-payment-methods" data-bind="attr: {'id': getCode()}, css: {'_active': (getCode() == isChecked())}">
+<div class="payment-method monei-payment-methods" data-bind="attr: {'id': getPaymentCode()}, css: {'_active': (getCode() == isChecked())}">
     <div class="payment-method-title field choice label custom-control custom-radio">
         <input type="radio"
                name="payment[method]"

diff --git a/view/frontend/web/template/payment/monei-card-insite.html b/view/frontend/web/template/payment/monei-card-insite.html
@@ -4,7 +4,7 @@
  * @copyright Copyright © Monei (https://monei.com)
  */
 -->
-<div class="payment-method monei-payment-methods" data-bind="attr: {'id': getCode()}, css: {'_active': (getCode() == isChecked())}">
+<div class="payment-method monei-payment-methods" data-bind="attr: {'id': getPaymentCode()}, css: {'_active': (getCode() == isChecked())}">
     <div class="payment-method-title field choice label custom-control custom-radio">
         <input type="radio"
                name="payment[method]"

diff --git a/view/frontend/web/template/payment/monei-redirect.html b/view/frontend/web/template/payment/monei-redirect.html
@@ -4,7 +4,7 @@
  * @copyright Copyright © Monei (https://monei.com)
  */
 -->
-<div class="payment-method monei-payment-methods" data-bind="attr: {'id': getCode()}, css: {'_active': (getCode() == isChecked())}">
+<div class="payment-method monei-payment-methods" data-bind="attr: {'id': getPaymentCode()}, css: {'_active': (getCode() == isChecked())}">
     <div class="payment-method-title field choice label custom-control custom-radio">
         <input type="radio"
                name="payment[method]"