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.