Adding a browser Tab Icon and Favorites Icon

General ShopSite user discussion

Adding a browser Tab Icon and Favorites Icon

Postby RichPowellArt » Wed May 16, 2012 8:22 am

I'm trying to add an icon for my page that appears on the tab in the browser a favicon is what it's called I guess. It's very hard to find a simple way to do this. Why is it so hard to do simple things like this with Shopsite?
RichPowellArt
 
Posts: 5
Joined: Wed May 09, 2012 1:48 pm

Re: Adding a browser Tab Icon and Favorites Icon

Postby Jim » Wed May 16, 2012 9:23 am

Shouldn't be hard to do. See the instructions at http://www.w3.org/2005/10/howto-favicon

To put something in the head section you could either modify the template you are using and add it there. Another way to put something in the head section is to add it to the Meta Description: field. How to do this is explained in this kbase article http://support.shopsite.com/KBase/questions/1974
Here is an example from my store. I originally had this in the meta description field of the page.
Code: Select all
Hand turned wooden and bone lace bobbins for making bobbin lace.
I simply added a closing quote and angle bracket and then added the favicon code from the w3.org site mentions above (but used an image from my store) so I ended up with the following in the meta description field
Code: Select all
Hand turned wooden and bone lace bobbins for making bobbin lace.">
<link rel="icon"
      type="image/png"
      href="http://mydomain.com/media/12egg.jpg">

I then published the store and the favicon appeared in the browser url box.
Note that different browsers support different image types so check out some info on that at http://en.wikipedia.org/wiki/Favicon

You could do similar coding on the moreinfo pages in the More Info Meta:Description: field.

Since this would have to be done for each page and product, it would probably be better to add it to the template if you have a lot of pages/products.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Re: Adding a browser Tab Icon and Favorites Icon

Postby RichPowellArt » Wed May 16, 2012 9:54 am

Thanks! Using the Edit Content of my main page (Deep River Traders..Advanced info: index.html) and it appears on my site at the root. I've tried to add the line to the same spot on all sub pages but it doesn't show. I have no idea how to add it to a template. I'm currently using a theme.

http://store.deeprivertraders.com/index.html
RichPowellArt
 
Posts: 5
Joined: Wed May 09, 2012 1:48 pm

Re: Adding a browser Tab Icon and Favorites Icon

Postby RichPowellArt » Wed May 16, 2012 9:57 am

Whoops! Got it.
RichPowellArt
 
Posts: 5
Joined: Wed May 09, 2012 1:48 pm


Return to User Forum

Who is online

Users browsing this forum: No registered users and 107 guests