I’m working on a Magento 2.4.6 project and need to add an image next to the PayPal image in the PayPal module html file. I created a override file and verified that it’s working however the image Im trying to add does not show up. I tried retrieving it in a similar fashion to the PayPal image but it’s not working. this is the file.
paypal-express-in-context.html
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<div class="payment-method" css="_active: getCode() == isChecked()" afterRender="initListeners">
<div class="payment-method-title field choice">
<input type="radio"
name="payment[method]"
class="radio"
attr="id: getCode()"
ko-value="getCode()"
ko-checked="isChecked"
click="selectPaymentMethod"
visible="isRadioButtonVisible()"/>
<label attr="for: getCode()" class="label">
<!-- PayPal Logo -->
<img data-bind="attr: { src: getPaymentAcceptanceMarkSrc(), alt: $t('Acceptance Mark') }" class="payment-icon"/>
<img data-bind="attr: { src: getViewFileUrl('Magento_Paypal::images/venmo_icon.png'), alt: $t('Venmo') }" class="payment-icon" /> <! --line i im trying to add -->
<!-- PayPal Logo -->
<span text="getTitle()"></span>
<a class="action action-help"
attr="href: getPaymentAcceptanceMarkHref()"
click="showAcceptanceWindow"
translate="'What is PayPal?'"></a>
</label>
</div>
<div class="payment-method-content">
<each args="getRegion('messages')" render=""></each>
<div class="checkout-agreements-block">
<each args="$parent.getRegion('before-place-order')" render=""></each>
</div>
<div class="actions-toolbar" attr="id: getButtonId()" afterRender="renderPayPalButtons"></div>
<div class="payment-method-extra-content">
<each args="$parent.getRegion('paypal-method-extra-content')" render=""></each>
</div>
</div>
</div>
I have the image in the themes web/images directory. I also tried a standard HTML style img src to the file’s path, but that didn’t work either. Any suggestions would be appreciated.