We have all seen a small picture next to the URL of a professional site and wondered whether we could have the same for our stores. There have been some posts in the forums asking Auctiva to add this facility. Well, you can do it now, it’s easy and works. See my miniature logo next to my URL:
The first step is to create your favicon. This must be a 16x16 pixels image. Create a larger version in your image editor (Photoshop or anything else). I suggest a larger version to start with, so that you can see what you are doing. A 48x48 or 96x96 will be fine, just remember that it should be square, not rectangular.
Save the image as a JPG file on your desktop. Make sure that you save it to the highest quality possible. Search on Google for “favicon” and you will find hundreds of favicon creator sites, which will upload your JPG file and create a 16x16 ICO file to save on your desktop.
Now, you have to store your image somewhere. Auctiva image manager uploads only JPG or GIF files, you cannot store it there. Try another image hosting site that accepts ICO files. I have found a few searching on Google but have not subscribed to any as I host my image in my own non-Auctiva website. Have a look at these but use another one if you prefer:
Once your image is stored, go to your dashboard and select Store > Theme > Customize Store Theme. At the bottom of the Home page select Customize > Header and, when the editor opens, click on Source to see the HTML code. Go to the top and add the following two lines at the beginning:
replacing the xxxxxxxxxxxx with your hosting site.
Save and you are ready.
Notes:
1) To see the results, clear the cache, close and reopen your browser. In my case, this wasn’t necessary but sometimes you have to do it when you add the favicon.
2) Favicons are supported by most modern browsers including Internet Explorer (5.0 and above), Opera, FireFox etc. FireFox supports favicons even in GIF or PNG formats but IE needs an ICO file. Unless you want to have an animated GIF file, which wouldn’t look very professional though, it’s better to stick with the ICO type, accepted by all browsers.
3) The favicon is placed next to the store name when one bookmarks it.
Good luck with implementation.This message has been edited. Last edited by: Athens Collectibles,
Originally posted by Athens Collectibles: Rosemary, it doesn't seem easy, it is easy.
Easy for you George!
I have discovered that my favicon is visible when I use http://rosavita.auctivacommerce.com/ but not when I use rosavita.co.uk I haven't a clue why LOL
Rosemary x
Rosemary
Posts: 146 | Location: UK | Registered: January 14, 2009
In case anyone else has the above problem I think I've solved it by going to the website of the company my domain name is registered with (123-reg) and going to 'manage domains' and changing from 'Framed web-forwarding' to 'Non-framed web-forwarding to a single page'
It means that my auctiva commerce address now shows in the title bar instead of co.uk but I am happy with that at the moment.
Rosemary
Posts: 146 | Location: UK | Registered: January 14, 2009
Rosemary, I haven't forwarded my domain yet, so I cannot comment on your solution.
What I would do as an experiment is to insert the two lines of code in the index page of my domain and the favicon in the root directory and see if that worked. On the other hand, this might just be nonsense. There are others, more expert, who might be able to give some proper advice to you and me.This message has been edited. Last edited by: Athens Collectibles,
Found it! Folks, if you need to have the instructions to adding the favicon, read:
quote:
Originally posted by Athens Collectibles: We have all seen a small picture next to the URL of a professional site and wondered whether we could have the same for our stores. There have been some posts in the forums asking Auctiva to add this facility. Well, you can do it now, it’s easy and works. See my miniature logo next to my URL:
The first step is to create your favicon. This must be a 16x16 pixels image. Create a larger version in your image editor (Photoshop or anything else). I suggest a larger version to start with, so that you can see what you are doing. A 48x48 or 96x96 will be fine, just remember that it should be square, not rectangular.
Save the image as a JPG file on your desktop. Make sure that you save it to the highest quality possible. Search on Google for “favicon” and you will find hundreds of favicon creator sites, which will upload your JPG file and create a 16x16 ICO file to save on your desktop.
Now, you have to store your image somewhere. Auctiva image manager uploads only JPG or GIF files, you cannot store it there. Try another image hosting site that accepts ICO files. I have found a few searching on Google but have not subscribed to any as I host my image in my own non-Auctiva website. Have a look at these but use another one if you prefer:
Once your image is stored, go to your dashboard and select Store > Theme > Customize Store Theme. At the bottom of the Home page select Customize > Header and, when the editor opens, click on Source to see the HTML code. Go to the top and add the following two lines at the beginning:
replacing the xxxxxxxxxxxx with your hosting site.
Save and you are ready.
Notes:
1) To see the results, clear the cache, close and reopen your browser. In my case, this wasn’t necessary but sometimes you have to do it when you add the favicon.
2) Favicons are supported by most modern browsers including Internet Explorer (5.0 and above), Opera, FireFox etc. FireFox supports favicons even in GIF or PNG formats but IE needs an ICO file. Unless you want to have an animated GIF file, which wouldn’t look very professional though, it’s better to stick with the ICO type, accepted by all browsers.
3) The favicon is placed next to the store name when one bookmarks it.
I did it, looks good. I wish I had someone to pat me on the back. This is a big to do for me, as I'm in no way someone that knows what they are doing. My advice to some of the people like me, it can be done. It took me several times trying, trying, and trying some more..Then Bingo, I did it...Happy Happy Thanks for the help to do this..
It's not easy for me. This is the code I generated, what do I do with it? <link rel="shortcut icon" href="http://www.iconj.com/ico/i/a/iaa2h1l3nt.ico" /> hoppyeshopper www.bargainseekersintl.net
Once your image is stored, go to your dashboard and select Store > Theme > Customize Store Theme. At the bottom of the Home page select Customize > Header and, when the editor opens, click on Source to see the HTML code. Go to the top and add the following two lines at the beginning:
Well thanks for trying to help but it's not working this is what I inserted at the top in header <link type="image/x-icon" href="http://www.iconj.com/ico/i/a/iaa2h1l3nt.ico" rel="shortcut icon" /> <link type="image/x-icon" href="http://www.iconj.com/ico/i/a/iaa2h1l3nt.ico" rel="icon" /></p>
I get this: Lexical error: NVelocity.Runtime.Parser.TokenMgrError: Lexical error at line 1, column 1511. Encountered: "g" (103), after : "&" at NVelocity.Runtime.Parser.Parser.IfStatement() at NVelocity.Runtime.Parser.Parser.Statement() at NVelocity.Runtime.Parser.Parser.Process() at NVelocity.Runtime.Parser.Parser.Parse(TextReader reader, String templateName) hoppyeshopper www.bargainseekersintl.net
Auctiva Community 
Classes & Tutorials
LOL
and trying some more..Then Bingo, I did it...Happy Happy 
