Difference between revisions of "Adding a favourite icon to your store"
From Spiffy Stores Knowledge Base
(Created page with '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 …') |
|||
| Line 5: | Line 5: | ||
<br>When you've got your favicon.ico file, follow the instructions below to add it to your store, | <br>When you've got your favicon.ico file, follow the instructions below to add it to your store, | ||
| − | #Log in to your Store Toolbox, and go to the "Design & assets >> Theme editor" section. | + | #Log in to your Store Toolbox, and go to the "Design & assets >> Theme editor" section. |
| − | #Upload your favicon.ico file in the theme assets section. | + | #Upload your favicon.ico file in the theme assets section. |
| − | #Add the following line right | + | #Add the following line right '''before''' the <head> tag. |
| + | <pre><!-- link REL="SHORTCUT ICON" HREF="favicon.ico"--></pre> | ||
| + | <br>Your code should look something like this... | ||
| + | <pre><!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"--> | <!-- link REL="SHORTCUT ICON" HREF="favicon.ico"--> | ||
| − | + | <head> | |
| − | + | ||
| − | </ | + | </pre> |
| − | #Save | + | #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. |
Revision as of 16:38, 14 October 2010
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,
- Log in to your Store Toolbox, and go to the "Design & assets >> Theme editor" section.
- Upload your favicon.ico file in the theme assets section.
- Add the following line right before the <head> tag.
<!-- link REL="SHORTCUT ICON" HREF="favicon.ico"-->
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"--> <head>
- 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.