Adding iDeal logo into the footer

Kyle-Robin
New Member
13 0 0

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 logosiDeal-logo.pngScreen Shot 2019-07-09 at 11.46.28 AM.png

Replies 16 (16)
oscprofessional
Shopify Partner
11657 1820 2326

Hello 

 

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
11657 1820 2326

Hello 

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Kyle-Robin
New Member
13 0 0

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? 

Kyle-Robin
New Member
13 0 0

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

oscprofessional
Shopify Partner
11657 1820 2326

Hello 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Kyle-Robin
New Member
13 0 0

https://runder.nl/

 

Theme: Debut

oscprofessional
Shopify Partner
11657 1820 2326

Hello 

<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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Kyle-Robin
New Member
13 0 0

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).

 

Screen Shot 2019-07-12 at 9.47.28 AM.png

oscprofessional
Shopify Partner
11657 1820 2326

Hello 

<div class="grid__item site-footer__payment-icons">
            {{ 'payemnt_methods.png' | asset_img_url: '300x' }}
          </div>

<div class="grid__item site-footer__payment-icons">
<img src="{{ 'payemnt_methods.png' | asset_img_url: '300x' }}" >
</div>
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Kyle-Robin
New Member
13 0 0

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.

 

Screen Shot 2019-08-06 at 9.44.53 AM.png

 

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.

Kyle-Robin
New Member
13 0 0

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

 

oscprofessional
Shopify Partner
11657 1820 2326

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. 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Kyle-Robin
New Member
13 0 0

That is the same code as you provided previously?

oscprofessional
Shopify Partner
11657 1820 2326

You mean to say that this is not working for you.

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Kyle-Robin
New Member
13 0 0

yes - as mentioned previously in our thread it did not resolve what I am trying to achieve... 

 

Here is that result 

 

Screen Shot 2019-08-12 at 11.30.10 AM.png

ztarnocz
New Member
1 0 0

I hope it helps to others.

I managed to put a logo into my footer in Boundless theme:

ztarnocz_0-1614873367816.png

You should upload your image to assets as explained above.

Thank you for your help!