Adding a favourite icon to your store

From Spiffy Stores Knowledge Base

A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu.

If you don't already have an icon image, you can create your own at http://www.favicon.cc/


When you've got your favicon.ico file, follow the instructions below to add it to your store,

  1. Log in to your Store Toolbox, and go to the "Design & assets >> Theme editor" section.

  2. Upload your favicon.ico file in the theme assets section.

  3. Edit your theme.liquid file, adding the following line right before the <head> tag.
    <link REL="SHORTCUT ICON" HREF="{{ 'favicon.ico' | asset_url }}">


    Your code should look something like this... 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">                                   <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">                           <link REL="SHORTCUT ICON" HREF=""{{ 'favicon.ico' | asset_url }}">                                          <head>


  4. Save your theme.liquid file, and you're done!  Note that you may have to empty your browser cache and perhaps restart your browser as well to see your icon appear.
Retrieved from "http://www.spiffystores.com.au/kb/index.php?title=Adding_a_favourite_icon_to_your_store&oldid=2405"