diff --git a/view/frontend/layout/checkout_index_index.xml b/view/frontend/layout/checkout_index_index.xml index 7f6a9f0..0a4efc9 100644 --- a/view/frontend/layout/checkout_index_index.xml +++ b/view/frontend/layout/checkout_index_index.xml @@ -5,7 +5,10 @@ --> + + + diff --git a/view/frontend/web/css/bizum.css b/view/frontend/web/css/bizum.css index 75a5f8c..4971929 100644 --- a/view/frontend/web/css/bizum.css +++ b/view/frontend/web/css/bizum.css @@ -1,3 +1,7 @@ +.payment-method#method_monei_bizum .payment-method-title label span.monei-payment-icon{ + background: url(../img/bizum.svg) no-repeat; + width: 70px; +} #monei-bizum-insite-payment-form { width: 225px; } diff --git a/view/frontend/web/css/card-input.css b/view/frontend/web/css/card-input.css index c03701e..416a189 100644 --- a/view/frontend/web/css/card-input.css +++ b/view/frontend/web/css/card-input.css @@ -1,3 +1,8 @@ +.payment-method#method_monei_card .payment-method-title label span.monei-payment-icon{ + background: url(../img/cards.svg) no-repeat; + width: 220px; +} + #monei-card-insite-payment-form { display: block; padding: 10px 0; diff --git a/view/frontend/web/css/google-apple.css b/view/frontend/web/css/google-apple.css index e700408..1d74f6c 100644 --- a/view/frontend/web/css/google-apple.css +++ b/view/frontend/web/css/google-apple.css @@ -1,5 +1,13 @@ +.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#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 new file mode 100644 index 0000000..40b663d --- /dev/null +++ b/view/frontend/web/css/mbway.css @@ -0,0 +1,4 @@ +.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/monei-payment.css b/view/frontend/web/css/monei-payment.css new file mode 100644 index 0000000..23e2e66 --- /dev/null +++ b/view/frontend/web/css/monei-payment.css @@ -0,0 +1,6 @@ +.payment-method.monei-payment-methods .payment-method-title label{ + display: inline-flex; +} +.payment-method.monei-payment-methods .payment-method-title label span:first-child { + padding-right: 10px; +} diff --git a/view/frontend/web/css/multibanco.css b/view/frontend/web/css/multibanco.css new file mode 100644 index 0000000..36c7ad7 --- /dev/null +++ b/view/frontend/web/css/multibanco.css @@ -0,0 +1,4 @@ +.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/img/apple-pay.svg b/view/frontend/web/img/apple-pay.svg new file mode 100644 index 0000000..7d305cc --- /dev/null +++ b/view/frontend/web/img/apple-pay.svg @@ -0,0 +1,3 @@ + + + diff --git a/view/frontend/web/img/bizum.svg b/view/frontend/web/img/bizum.svg new file mode 100644 index 0000000..8ead4ad --- /dev/null +++ b/view/frontend/web/img/bizum.svg @@ -0,0 +1,3 @@ + + + diff --git a/view/frontend/web/img/cards.svg b/view/frontend/web/img/cards.svg new file mode 100644 index 0000000..a0a01e7 --- /dev/null +++ b/view/frontend/web/img/cards.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/view/frontend/web/img/google-pay.svg b/view/frontend/web/img/google-pay.svg new file mode 100644 index 0000000..4453844 --- /dev/null +++ b/view/frontend/web/img/google-pay.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/view/frontend/web/img/mbway.svg b/view/frontend/web/img/mbway.svg new file mode 100644 index 0000000..82b9b46 --- /dev/null +++ b/view/frontend/web/img/mbway.svg @@ -0,0 +1 @@ + diff --git a/view/frontend/web/img/multibanco.svg b/view/frontend/web/img/multibanco.svg new file mode 100644 index 0000000..5c14cca --- /dev/null +++ b/view/frontend/web/img/multibanco.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 index a6e87d9..85e564a 100644 --- 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 @@ -54,6 +54,13 @@ define( monei.api.getPaymentMethods({accountId: this.accountId}).then(result => this.setTitle(result)) }, + getPaymentCode: function () { + if(this.applePaySupported){ + return 'method_monei_apple_pay'; + } + return 'method_monei_google_pay'; + }, + isMethodVisible: function () { if(this.applePaySupported){ return this.isEnabledApplePay(); 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 index 0bcfdd4..926f834 100644 --- 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 index 49cabde..14d78ff 100644 --- 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 index ddded6b..251f723 100644 --- a/view/frontend/web/template/payment/monei-bizum-insite.html +++ b/view/frontend/web/template/payment/monei-bizum-insite.html @@ -4,13 +4,16 @@ * @copyright Copyright © Monei (https://monei.com) */ --> -
+
- +
diff --git a/view/frontend/web/template/payment/monei-card-insite.html b/view/frontend/web/template/payment/monei-card-insite.html index 5d59597..a6a31a8 100644 --- a/view/frontend/web/template/payment/monei-card-insite.html +++ b/view/frontend/web/template/payment/monei-card-insite.html @@ -4,13 +4,16 @@ * @copyright Copyright © Monei (https://monei.com) */ --> -
+
- +
diff --git a/view/frontend/web/template/payment/monei-google-apple-insite.html b/view/frontend/web/template/payment/monei-google-apple-insite.html index 52017df..182b0ca 100644 --- a/view/frontend/web/template/payment/monei-google-apple-insite.html +++ b/view/frontend/web/template/payment/monei-google-apple-insite.html @@ -4,13 +4,16 @@ * @copyright Copyright © Monei (https://monei.com) */ --> -
+
- +
diff --git a/view/frontend/web/template/payment/monei-redirect.html b/view/frontend/web/template/payment/monei-redirect.html index 6d005a4..ebf94a1 100644 --- a/view/frontend/web/template/payment/monei-redirect.html +++ b/view/frontend/web/template/payment/monei-redirect.html @@ -4,13 +4,16 @@ * @copyright Copyright © Monei (https://monei.com) */ --> -
+
- +