Store favicon for mobile device bookmarks and favorites

Highlighted
Shopify Expert
650 0 99

You can contact me via the contact form on my website.

0 Likes
Highlighted
Excursionist
25 1 2

The updated instructions on the other site worked for me on Android devices. But on my ipad, it only works if I add the bookmark to the home screen. Also, I just noticed that the favicon on Safari, via my Mac Book Pro, is no longer appearing, even though I made no changes that should have affected it.

https://sheairbutters.com

0 Likes
Highlighted
Shopify Partner
50 1 5

Assets folder :) 

0 Likes
Highlighted
New Member
1 0 0
I don’t no if I’m doing it right but It’s still not working is there a YouTube video on how to do it!?
0 Likes
Highlighted

(PLEASE HELP)

Hello, I followed all the steps however I'm not getting it. My GOAL is to have the Favicons show up on IOS/ANDROID Saved Bookmarks like this (below). Right now it's only showing a "5".

Bookmarks.jpeg

 

 

 

 

 

 

 

 

I followed the Steps (please see screenshots below): 

1- Created Favicons through https://realfavicongenerator.net/

2- I uploaded all the icons in the "Assets" section, except for "browserconfig" & "Favicon.io" files.

3- I edited the siteweb file with "Notepad" and applied the following steps as mentioned by http://www.suture.net/add-favicons-shopify/ (uploaded to Assets)

4- I created a Browserconfig.xml file, I used this website to enter the codes (https://www.editpad.org/) uploaded to "Assets", and added the snippets.

5- Created the Favicons.liquid file under "Snippets" and added the codes

6- I added the {% include 'favicons' %} under header in the "Theme.liquid file"

Result: Still not showing on ios saved bookmarks

Screenshots for reference on steps above:

2 sitweb.PNG5 include favicons.PNG4 Favicons snippet.PNG3 browser file.PNG1 uploaded assets.PNG

 

 

 

 

 

 

 

0 Likes