Q. What is a FavIcon?
A. A favicon (short for favorites icon), also known as a web site icon, shortcut icon, URL icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular web site or web page. A web designer can create such an icon and install it into a web site (or web page) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of his own from the hard drive and associate it with a web site. - Wikipedia
In order to support the widest range of browsers your FavIcon should be a .ico file and the icon should be 16 pixels wide by 16 pixels tall.
There are many online icon generators and these can easily be located using Google. Since this article is about how to add the icon to your store we will assume that you already have an appropriate icon file and proceed from there.
The first thing you need to do is upload the icon file. To do this login to your easywebstore admin area and click on "Store Design" -> "Customise Template".
Once the new page has loaded you should see two frames. In the top frame will be a load of HTML code and some controls. Locate the link labeled "insert file" in that top frame and click on it. This will open a small frame with a "browse" button (Note: If using google chrome/safari this will say "choose file" instead.) and a list of files.
Click the "Browse" button and browse to the .ico file on your computer. Once you have it selected click "Open" and the file will be uploaded.
Now click the close button on that frame. Then in the first drop-down box select "HTML <head> area".
Wait for the whole top frame to reload and then in the large text-box, enter the following on the last line in that box. Make sure it is on a line of it's own and is the last line.
<link rel="icon" type="image/vnd.microsoft.icon" href="<ews:SupportFileLocation />filename.ico" />
<link rel="shortcut icon" href="<ews:SupportFileLocation />favicon.ico" />
Replace the "filename.ico" in the code above with the actual filename of your .ico file that you uploaded.
Now, delete any bookmarks or favorites that you have to your web site and re-create them. your browser should detect the new FavIcon and load it correctly. If browsing your store press Ctrl+F5 on your keyboard to force the browser to refresh the page and you should see the new FavIcon appear next to the "http://" in the address bar and on the tab in your browser next to the page title.
(106 votes)
This article was helpful
This article was not helpful
