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 18 (18)

oscprofessional
Shopify Partner
15830 2369 3072

Hello 

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | 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
15830 2369 3072

Hello 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Kyle-Robin
New Member
13 0 0

https://runder.nl/

 

Theme: Debut

oscprofessional
Shopify Partner
15830 2369 3072

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | 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
15830 2369 3072

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>
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | 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
15830 2369 3072

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. 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Kyle-Robin
New Member
13 0 0

That is the same code as you provided previously?

oscprofessional
Shopify Partner
15830 2369 3072

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | 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
Visitor
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!

MF41
Tourist
4 0 1

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.

oscprofessional
Shopify Partner
15830 2369 3072

Hello 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

Journey_Agency
Shopify Partner
3 0 0

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