Re: Favicon Issue

Favicon Issue

Kreamch
Excursionist
34 0 6

Dear community.

 

I have an issue with Favicon: my favicon does not appear in google research. I have uploaded the favicon in the theme editor as 480x480px png and jpg file previously and both didn't worked. Currently (weeks ago) I have uploaded it as 480x480 px .ico file in the theme liquid and submitted it to google search console for review, however unsuccessfully. below is the edited code.
<link rel="icon" href="https://kream.ch/cdn/shop/files/Kream_Favicon_Circle_Ico.ico">

Can someone support me to solve this problem? would very much appreciate.

my theme is pipeline and store link is https://kream.ch 

 

Thanks

Replies 9 (9)

bundler-marko
Pathfinder
118 10 22

Hi @Kreamch,

 

Have you followed the Shopify tutorial which explains how to add it?

 

If not, then you can take a look here: https://help.shopify.com/en/manual/online-store/images/add-favicon

 

Regards,

Marko

Bundler combines perfection with non-negotiable value and total creative control. Learn more

Kreamch
Excursionist
34 0 6

Hi,
thanks for your message. Yes, that was the first step I did. Only difference is that my favicon is a multiple of 48, which is not indicated in that message. Should I try with a multiple of 32 or 32? Somehow I feel this is not gonna solve the issue tho...

Thanks and best

bundler-marko
Pathfinder
118 10 22

Hi @Kreamch,

 

I think it's worth a try, please let me know how that goes 🙂

 

Regards,

Marko

Bundler combines perfection with non-negotiable value and total creative control. Learn more

AiphaTech
Shopify Partner
12 2 3

 

It seems like the HTML of your store doesn’t contain the code you shared. Have you edited and saved the published theme?

 

Open this link in your browser to view your store’s HTML: view-source:https://kream.ch

Kreamch
Excursionist
34 0 6

Not sure I understand, I see it at line 20, is something incorrect?

AiphaTech
Shopify Partner
12 2 3

Zeke_0-1725284890354.png

On my computer, it doesn’t look right.

Kreamch
Excursionist
34 0 6

Thanks for letting me know!
I have copy pasted now the link from the ico file as is and now the code looks like this... Do you think it is alright now?

 

 {%- if settings.favicon != blank -%}
<link rel="icon" href="https://cdn.shopify.com/s/files/1/0824/8442/9133/files/Kream_Favicon_Circle_Ico.ico?v=1724853731">
{%- else -%}
<link rel="shortcut icon" href="data:;base64,iVBORw0KGgo=">
{%- endif -%}


I still see this though:
Screenshot 2024-09-02 at 19.13.17.png
Thanks.

AiphaTech
Shopify Partner
12 2 3

Zeke_0-1725326032437.png

It still doesn’t seem to work. Maybe the code didn’t take effect? Which part did you edit?

Kreamch
Excursionist
34 0 6

Yeah I noticed it wasn't working as well as even the favicon in the search bar disappeared. I reverted the code as original, which you can find below. The red string was the part I previously edited. I also proceeded to simply load a 320x320px png favicon through the theme setting for now.

 

{%- if settings.favicon != blank -%}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png">
{%- else -%}
<link rel="shortcut icon" href="data:;base64,iVBORw0KGgo=">
{%- endif -%}