Accepting credit cards, warehouses, and shipping and fulfilling orders
Hi Shopify
Please, could you provide some guidance in adding the iDeal logo into the footer of my website? It does currently show on the checkout page as a payment option but I would like site visitors to know that iDeal payment method is supported on the website before they reach the checkout point. I hope to have it displayed alongside Maestro, Mastercard, Visa and PP logos
Hello Kyle-Robin ,
You can do this by adding image in the footer.liquid files. Create a image or svg of all the payment methods. Then call in it footer.liquid file.
Hi Pallavi, thank you but can you please give me instructions on how to add the image/svg to the footer.liquid.files. I am not sure how to do this.
Do I need to create an image with all the payment logos or can i just add the iDeal logo that is missing?
Hi Pallavi - Please can you provide further guidance here as I have not been able to resolve the query with your feedback.
Many thanks
Kyle
Hello Kyle-Robin,
Can you please let me know which theme you are using and provide me URL of the website.
Hello Kyle-Robin,
Please follow below steps :
1)Dashboard->Online Store -> Themes-> EditCode->assest
Upload your image in assest.
2)Dashboard->Online Store -> Themes-> EditCode->footer.liquid
Find below code in footer.liquid file
<div class="grid__item one-half small--one-whole"> {% if section.settings.show_payment_icons %} <div class="grid__item site-footer__payment-icons"> {% unless shop.enabled_payment_types == empty %} <span class="visually-hidden">{{ 'general.payment.method' | t }}</span> <ul class="payment-icons list--inline site-footer__icon-list"> {% for type in shop.enabled_payment_types %} <li class="payment-icon"> {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }} </li> {% endfor %} </ul> {% endunless %} </div> {% endif %} </div>
and replace it with
<div class="grid__item site-footer__payment-icons"> {{ 'payemnt_methods.png' | asset_img_url: '300x' }} </div>
Instead of payment_methods.png you can give name of image that you uploaded in asset folder.
You can also follow below link for the shopify footer option
https://help.shopify.com/en/themes/customization/store/add-credit-card-icons
Thank you, Pallavi but that gave me this result, showing a line of code and removed the other payment option logos: (is there a possiblity of you making this change for me? I have uploaded the file to the assets folder).
Hello Kyle-Robin,
Sorry my mistake replace
<div class="grid__item site-footer__payment-icons"> {{ 'payemnt_methods.png' | asset_img_url: '300x' }} </div>
this with
<div class="grid__item site-footer__payment-icons"> <img src="{{ 'payemnt_methods.png' | asset_img_url: '300x' }}" > </div>
Hi Pallavi
Your code does not exist in my site liquid footer assets area. See my screenshot for waht is showing. Please can you provide accurate guidance now so that I can resolve this.
As shown above this is the code that I see:
<div class="grid__item one-half small--one-whole">
{% if section.settings.show_payment_icons %}
<div class="grid__item site-footer__payment-icons">
{% unless shop.enabled_payment_types == empty %}
<span class="visually-hidden">{{ 'general.payment.method' | t }}</span>
<ul class="payment-icons list--inline site-footer__icon-list">
{% for type in shop.enabled_payment_types %}
<li class="payment-icon">
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{% endfor %}
</ul>
{% endunless %}
</div>
Please advise how I get the iDeal logo to display alongside the other payment option logos int the footer.
Hi Pallavi
Can you please assign this to another community partner that can help me? I'm not sure how these tasks get assigned but I am making no progress here as i am not getting a response from you. This item is still unresolved - no solutions provided to date have worked.
KRs
Kyle
Replace the above screenshot code with
<div class="grid__item site-footer__payment-icons"> <img src="{{ 'payemnt_methods.png' | asset_img_url: '300x' }}" > </div>
try this once or else shopify community people will help you.
That is the same code as you provided previously?
You mean to say that this is not working for you.
yes - as mentioned previously in our thread it did not resolve what I am trying to achieve...
Here is that result
I hope it helps to others.
I managed to put a logo into my footer in Boundless theme:
You should upload your image to assets as explained above.
Thank you for your help!
Hoi Robin, ik zie dat het je gelukt is om de ideal logo er in te zetten. zou je mij willen uitleggen hoe je dit hebt gedaan? alvast bedankt.
Hello Kyle-Robin ,
You can do this by adding image in the footer.liquid files. Create a image or svg of all the payment methods. Then call in it footer.liquid file.
Hey @Kyle-Robin
Journey Agency Oslo here - We've added the Vipps logo as a content file and then called the image to "Section Supporting Menu" under the Sections tab in the theme editor - Add the line of code to below the line "<div class="supporting-menu__item supporting-menu__item--payment">" or similar.
" <li><img class="payment-icon" style="position: relative; top: -5px;" src="IMAGE URL HERE" alt="ALT TAG" title="ALT TITLE" /></li>
We can also do this for you - Feel free to reach out
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024