Troubleshooting: Adding a logo to the footer code footer.liquid

Solved
JenBotha
Tourist
5 1 5

Hi, 

I would like to add an image to the footer on my website: www.goodloopsyarn.com

I have followed the blogs and instructions:

 

1. I added the logo I want to use to my 'files' under Settings. 

2. I copy that link : https://cdn.shopify.com/s/files/1/0209/7587/8208/files/CraftIndustryAlliance.png?v=1635235981

3. I go to edit code, line 250: <img src="{{ CraftIndustryAlliance.png | asset_url }}"; alt="We are Craft Industry Alliance Members" style='width:25%' />

4. I have tried pasting the url to replace asset_url and I get this error message: 

This file contains the following errors:

 

Please do correct my sintax error/ help me display the logo image correctly? 

I look forward to hearing from you at your earliest convenience. 

Kind regards

Jennifer

Screenshot 2021-10-28 at 16.23.26.png

 

Accepted Solution (1)

Accepted Solutions
JenBotha
Tourist
5 1 5

This is an accepted solution.

Thank you! 

This worked. It is still unclear to me why it wasn't working before. 

I appreciate your time! 

 

Jennifer

View solution in original post

Replies 9 (9)
KetanKumar
Shopify Partner
24945 2501 9043

@JenBotha 

look at this fine

KetanKumar_0-1635575449380.png

 

please share your footer code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JenBotha
Tourist
5 1 5

Hi Ketan 

 

Thanks for your reply. Your attached image is what I would like (although I do think it will be better as a white background and not PNG just because my footer is dark) 

I appreciate your help! 

This is the relevant part of my footer code:

<div class="grid__item one-third small--one-whole">
{% if section.settings.show_payment_icons %}
<center><h5>THESE PAYMENTS ACCEPTED HERE</h5></center>
<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>
<div align='center' class="grid__item one-third small--one-whole">
<h5>WE'RE PROUD MEMBERS OF</h5>
<img src="{{ CraftIndustryAlliance.png | asset_url }}"; alt="We are Craft Industry Alliance Members" style='width:25%' />
<img src="{{ 'CGoA.png' | asset_url }}"; alt="We are CGoA Members" style='width:30%' />
</div>
</div>
</div>
<div align="center" class="grid__item{% unless social_icons %} medium-up--hide{% endunless %}">
<small class="site-footer__copyright-content">&copy; {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: '/' }}</small>
<small class="site-footer__copyright-content site-footer__copyright-content--powered-by"></small>
</div>
</div>
</div>
</footer>

KetanKumar
Shopify Partner
24945 2501 9043

@JenBotha 

yes please update this code

<div class="grid__item one-third small--one-whole">
{% if section.settings.show_payment_icons %}
<center><h5>THESE PAYMENTS ACCEPTED HERE</h5></center>
<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>
<div align='center' class="grid__item one-third small--one-whole">
<h5>WE'RE PROUD MEMBERS OF</h5>
<img src="{{ 'CraftIndustryAlliance.png' | asset_url }}"; alt="We are Craft Industry Alliance Members" style='width:25%' />
<img src="{{ 'CGoA.png' | asset_url }}"; alt="We are CGoA Members" style='width:30%' />
</div>
</div>
</div>
<div align="center" class="grid__item{% unless social_icons %} medium-up--hide{% endunless %}">
<small class="site-footer__copyright-content">&copy; {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: '/' }}</small>
<small class="site-footer__copyright-content site-footer__copyright-content--powered-by"></small>
</div>
</div>
</div>
</footer>
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JenBotha
Tourist
5 1 5

@KetanKumar 

I copied and pasted and it looks the same? Still not showing correctly. 

KetanKumar
Shopify Partner
24945 2501 9043

@JenBotha 

can you please confirm this logo proper

https://cdn.shopify.com/s/files/1/0209/7587/8208/files/CraftIndustryAlliance.png?v=1635235981

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JenBotha
Tourist
5 1 5
KetanKumar
Shopify Partner
24945 2501 9043

@JenBotha 

yes please update this code

<div class="grid__item one-third small--one-whole">
{% if section.settings.show_payment_icons %}
<center><h5>THESE PAYMENTS ACCEPTED HERE</h5></center>
<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>
<div align='center' class="grid__item one-third small--one-whole">
<h5>WE'RE PROUD MEMBERS OF</h5>
<img src="https://cdn.shopify.com/s/files/1/0209/7587/8208/files/CraftIndustryAlliance.png?v=1635235981"; alt="We are Craft Industry Alliance Members" style='width:25%' />
<img src="{{ 'CGoA.png' | asset_url }}"; alt="We are CGoA Members" style='width:30%' />
</div>
</div>
</div>
<div align="center" class="grid__item{% unless social_icons %} medium-up--hide{% endunless %}">
<small class="site-footer__copyright-content">&copy; {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: '/' }}</small>
<small class="site-footer__copyright-content site-footer__copyright-content--powered-by"></small>
</div>
</div>
</div>
</footer>
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JenBotha
Tourist
5 1 5

This is an accepted solution.

Thank you! 

This worked. It is still unclear to me why it wasn't working before. 

I appreciate your time! 

 

Jennifer

View solution in original post

KetanKumar
Shopify Partner
24945 2501 9043

@JenBotha 

some issue your code i hope now all good?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing