#66 show logo for payment method selection on Adyen side and if you have icon setting enabled

view/frontend/web/css/styles.css

@@ -57,6 +57,10 @@
     background-position: 0 -1910px;
 }
 
+.checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_hpp {
+    background-position: 0 -272px;
+}
+
 
 
 

view/frontend/web/js/view/payment/method-renderer/adyen-hpp-method.js

@@ -209,6 +209,9 @@ define(
             isPaymentMethodSelectionOnAdyen: function() {
                 return window.checkoutConfig.payment.adyenHpp.isPaymentMethodSelectionOnAdyen;
             },
+            isIconEnabled: function() {
+                return window.checkoutConfig.payment.adyen.showLogo;
+            },
             validate: function () {
                 return true;
             }

view/frontend/web/template/payment/hpp-form.html

@@ -102,7 +102,15 @@
                    name="payment[method]"
                    class="radio"
                    data-bind="attr: {'id': getCode()}, value: getCode(), checked: isChecked, click: selectPaymentMethod, visible: isRadioButtonVisible()"/>
-            <label data-bind="attr: {'for': getCode()}" class="label"><span data-bind="text: getTitle()"></span></label>
+            <label data-bind="attr: {'for': getCode()}" class="label">
+
+                <!-- ko if: isIconEnabled() -->
+                    <div data-bind="attr: { 'class': 'adyen-sprite ' + getCode() }"></div>
+                <!--/ko-->
+
+                <span data-bind="text: getTitle()"></span>
+            </label>
+
         </div>
         <div class="payment-method-content">
             <div class="payment-method-billing-address">