dada78
February 5, 2021, 11:19pm
1
Hi guys,
I found the part of my theme code that I would need to modify, however I am not sure how? I would like to be able to upload svgs instead of bitmaps. Here it goes:
{% if section.settings.contactinfo_payment != blank %}
{% else %}
{% endif %}
Please advise, thanks so much!
dada78
February 5, 2021, 11:30pm
3
Yeah I saw this, but not sure where to insert this code or what needs to be replaced in the code I posted. Thanks!
Typically footer related code is in footer.liquid file.
dada78
February 5, 2021, 11:33pm
5
Right I know, I just mean where in the code? Thanks!
Basically instead of having the placehol.it/115x80.jpg as a src, I would like it to be svg.
{% if section.settings.contactinfo_payment != blank %}
{% else %}
{% endif %}
I tried this on a couple of my test stores and it worked fine.
Step 1: Navigate to Assets (in theme code editor) > Add a new asset. Upload your image. Let’s say you name it as ‘ABC.svg’ .
Step 2: Add this code at the end of your theme.scss.liquid file (please do not modify anything other than the text in red):
#shopify-section-footer {
background-image:url({{ ‘ABC.svg’ | asset_url }});
}
Please let me know if this worked.
dada78
February 6, 2021, 12:12am
7
No unfortunately it didn’t work. Thank you though.
Sorry. Maybe if you mention the name of the theme others may be able to
help you.
dada78
February 6, 2021, 12:33am
9
Thanks again, I actually figured it out. I followed your instruction and uploaded my svg. Then I went and altered this line:
to this one (where ‘your_logo.svg’ is the asset uploaded)
That’s great. Good luck with your store!
1 Like