Ken_Shea Posted November 27, 2018 Share Posted November 27, 2018 Hi All, Did a search but it was an old one. How to install the apple-touch-icon.png ? Thanks Link to comment Share on other sites More sharing options...
ArtcoInc Posted November 27, 2018 Share Posted November 27, 2018 @Ken_Shea I did a Google search on 'apple-touch-icon', and am confused as to what it actually does. So, what exactly are you trying to accomplish? M Link to comment Share on other sites More sharing options...
Ken_Shea Posted November 27, 2018 Author Share Posted November 27, 2018 When an apple user tries to save a page it looks for this icon and if not found greets the user with an error. These show up in the "Required but not found URLs (HTTP code 404) logs" My host uses AWSTATS and they show up in the error logs. Greeting users with error pop ups is never good, so what I am trying to accomplish is to get rid of these errors, this is only one of many unfortunately. Link to comment Share on other sites More sharing options...
ArtcoInc Posted November 27, 2018 Share Posted November 27, 2018 @Ken_Shea Does this help? https://stackoverflow.com/questions/12480497/why-am-i-getting-error-for-apple-touch-icon-precomposed-png/18256077#18256077 https://stackoverflow.com/questions/14986650/keep-getting-404s-for-apple-touch-icon-png https://mathiasbynens.be/notes/touch-icons M Link to comment Share on other sites More sharing options...
Ken_Shea Posted November 27, 2018 Author Share Posted November 27, 2018 Yes I think it does but it's above my pay grade 🙁 thanks for the help Link to comment Share on other sites More sharing options...
ArtcoInc Posted November 27, 2018 Share Posted November 27, 2018 @Ken_Shea Ok, as best as I can figure out (it's above my pay grade too), you need to do two things ... 1) Find a copy of the apple-touch-icon.png file, and put it in the root directory of your shop (probably in /catalog, but it depends on your shop layout) 2) Add this to the <head> portion of your shop code: <link rel="apple-touch-icon" href="apple-touch-icon.png"> (if you place the icon file in anything other than the shop root, you'd probably have to add the full path to the href link above) The best way would be to make a header tag module. I would simply copy an existing header tag module, re-name it, change all references from the old name to the new name, and replace the old code in the module with the above code. Clear as mud? M Link to comment Share on other sites More sharing options...
ArtcoInc Posted November 27, 2018 Share Posted November 27, 2018 https://icons8.com/icon/set/apple-touch/ios https://manytools.org/http-html-text/apple-touch-icon-generator/ M Link to comment Share on other sites More sharing options...
♥JcMagpie Posted November 27, 2018 Share Posted November 27, 2018 https://apps.oscommerce.com/7UHoT&faviconit-header-tag-addon-for-frozen Link to comment Share on other sites More sharing options...
Ken_Shea Posted November 27, 2018 Author Share Posted November 27, 2018 Looking doable Can I just put the icons into the root folder and be done with it? Same location as favicon.ico Link to comment Share on other sites More sharing options...
ArtcoInc Posted November 27, 2018 Share Posted November 27, 2018 Looks like it. I *think* that the purpose of the apple-touch-icon is for your customer to be able to add a 'shortcut' to your site to the screen of their apple device. In this case, you'd probably want the apple-touch-icon to be the same as your favicon, as you want your shop's icon to be the shortcut. I was just looking at @JcMagpie's module. In it, he does use the same icon(s) for both the favicon and apple-touch-icon, just in different sizes. He just puts all of the icons into a different directory. So, just make sure that the href link in the code above points to whatever icon you want to use, including the correct path. M Link to comment Share on other sites More sharing options...
Ken_Shea Posted November 27, 2018 Author Share Posted November 27, 2018 Thanks much guys, I think I can handle it from here between the two options and explainations, big help! Ken Link to comment Share on other sites More sharing options...
♥JcMagpie Posted November 28, 2018 Share Posted November 28, 2018 14 hours ago, ArtcoInc said: He just puts all of the icons into a different directory. Yes unfortunatly I do! I just hate having lots of image files bouncing around in root! Not a problem have updated the add-on so you can set the folder for your icon in admin! So if you like them in root go for it. 😊 Faviconit Header_tag V1.1 CE BS4 & BS3 Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.