Hello everyone,
I am currently using the Shopify Savore theme and have added a logo in the footer section. However, when I click on the logo, it automatically redirects to the homepage.
I would like to add a custom link to the footer logo instead of linking to the homepage. Could anyone please guide me on how to do this?
Any help would be greatly appreciated.
Thank you in advance!
Store: https://svelteclothes.myshopify.com/
password: Admin
Please goto the theme and edit code. Sections → footer.liquid
Find the code somethink like this.
<a href="{{ routes.root_url }}">
<img src="{{ section.settings.logo | image_url }}">
you can check above there is href. You can change it to your desired URL.
Like this.
<a href="https://yourdesiredlink.com">
<img src="{{ section.settings.logo | image_url }}">
Hope this helps!
I can’t see this code in the footer liquid file.
Above code was just an example. Every theme has different code.
But you can find the following if you get in section→ footer.liquid file.
<a href="/">
OR
Please provide your store url. So I can check and tell you the code hint.
Store: https://svelteclothes.myshopify.com/
password: Admin
You can find the following class in your footer.liquid
logo-block
When you get this “div“
put the following before this div.
<a href="/">
and end of this div
Add this.
</a>
After that you can change href url.
I can see file is logo.liquid. Is this related to the footer logo?
Are you sure this is the correct file?
Let me know. I can see the code of logo image but please confirm first.
sure…
Thank you. Need Mail.
You can check my profile. You will get there.
I have sent you the invite. Please provide the code along with clear instructions on how to implement it. I sometimes change themes, so it would be helpful if the solution can be easily applied again after switching themes.
Hey, are you currently working on my store? Please let me know once the issue has been fixed. Thank you!
yes working. I will give you solution here. So others can also take a help.
I have posted about another issue as well. Could you please help me fix it? I would be very grateful for your assistance. Thank you very much!
Here is the solution.
In your current theme, click Actions → Edit code.
Locate the file you want to edit. For blocks: file name logo.liquid
Find the code.
{% if logo_image %}
<div class="logo-block__image-wrapper">
{{ logo_image }}
</div>
{% else %}
{% render 'jumbo-text', text: shop.name %}
{% endif %}
Replace with the following
<div class="logo-block__image-wrapper">
{% assign logo_url = settings.footer_logo_link | default: shop.url %}
{% if logo_image %}
<a href="{{ logo_url }}">
{{ logo_image }}
</a>
{% else %}
<a href="{{ shop.url }}">
{{ shop.name }}
</a>
{% endif %}
</div>
Find code in schema setting
{
"type": "checkbox",
"label": "t:settings.use_inverse_logo",
"id": "inverse",
"default": false,
"visible_if": "{{ settings.logo_inverse }}"
},
Add this before
{
"type": "url",
"id": "footer_logo_link",
"label": "Footer Logo Link URL",
},
You can apply to other themes as well if you change the theme but savor theme that you are working.
NOTE: You can change the Footer logo URL from your customizer directly.
Please Like and marked as solution if helpful.
Hope this helpful for all.
You are truly great. Could you please help me fix this issue as well? I would really appreciate your help.
Thank you so much Sir!
Could you please let me know when this issue will be fixed? I would really appreciate it. Thank you.