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.
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...