Adding mobile icons for Windows and Apple devices
With the increasing popularity of smartphones, it's not enough to just provide a favorites icon any more; these don't work as effectively on mobile devices, but you can provide alternate icons for use on Apple, Android, and Windows devices.
Adding an Apple home icon to your Magento store
You can specify the Apple icon that will be used when customers save your store to their device's home screen with the addition of elements to your store's <head>
element.
Tip
Android devices will also make use of these icons as long as the rel
value in the link elements that reference the icons are set to rel=apple-touch-icon
or rel=apple-touch-icon-precomposed
.
Copy the head.phtml
file under /app/design/frontend/base/default/template/page/html/
to /app/design/frontend/default/m18/template/page/html/
. Open your theme's head.phtml
file and insert the following code at the bottom of the file to cater for the variety of sizes Apple devices can use:
<link...