Skip to content

Im trying to add an image to a html override file for the paypal module

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.