Live Update 4.0.1

[Wildcat Media]

I might be shooting in the dark on this, but I might take a guess as to why the script I referenced above does not work (with the so-called retina modification): the person who modified it ran it through a minifier that shortened all of the variable names. I haven't quite had time to look at it (and probably won't until December). One thing I can do is drop in the non-minified script to see if it works properly.

I have the forum in the root directory of its domain, so we have a favicon.ico there pretty much by default. I also wonder if the script balks on a favicon file that contains multiple resolutions. I would hope not, as that is part of the favicon spec.

 

[Pierre Boulanger]

This one of the best addons.. Lets hope Chris will do magic soon

 

[Pierre Boulanger]

I didn't suggest changing any code in the Tinycon plugin.

The code in my post relates to the PAGE_CONTAINER template.

Replace:

<link rel="apple-touch-icon" href="{xen:helper fullurl, @ogLogoPath, 1}" />

With:

<link rel="shortcut icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="{xen:helper fullurl, @ogLogoPath, 1}" />

Its working!!!!!!!!!!!!!!!!!!

 

[Adam Howard]

Really wish this would work for me. I've applied @Chris Deeming template suggestion, but no dice.

 

[rdn]

It's working fine for me, no template edit's.

 

[Adam Howard]

It's working fine for me, no template edit's.

Well as noted, it's not working exactly for everyone "as is". Some people seem to need to add the template edit and others even with it still have issues.

I've tried it as
<link rel="shortcut icon" href="favicon.ico" />

<link rel="shortcut icon" href="/favicon.ico" />

<link rel="shortcut icon" href="forums/favicon.ico" />

<link rel="shortcut icon" href="/forums/favicon.ico" />

<link rel="shortcut icon" href="http://www.sociallyuncensored.eu/forums/favicon.ico" />

<link rel="shortcut icon" href="http://cdn.sociallyuncensored.com/favicon.ico" />

No luck either way

 

[Chris D]

How you've got it set up now is fine.

But the problem is, you may have an old add-on I released to add mobile icons to the site.

This is probably superfluous and can be disabled now.

It is adding this to the top of the PAGE_CONTAINER template:

<link rel="apple-touch-icon-precomposed" href="http://cdn.sociallyuncensored.com/styles/default/MobileIcons/xf_icon_57.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://cdn.sociallyuncensored.com/styles/default/MobileIcons/xf_icon_72.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://cdn.sociallyuncensored.com/styles/default/MobileIcons/xf_icon_114.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://cdn.sociallyuncensored.com/styles/default/MobileIcons/xf_icon_144.png" />

So there's two options:

1) Find out what template those icons are in and place the following code above:

<link rel="shortcut icon" href="favicon.ico" />

2) Disable that add-on (which is safe to do as XenForo 1.2 introduced a mobile icon that works on most/all devices)

The end result is that the favicon will be the first icon that the JavaScript sees on the page and it will use that, instead of trying and failing to use any other icon.

 

[Adam Howard]

How you've got it set up now is fine.

But the problem is, you may have an old add-on I released to add mobile icons to the site.

This is probably superfluous and can be disabled now.

It is adding this to the top of the PAGE_CONTAINER template:

<link rel="apple-touch-icon-precomposed" href="http://cdn.sociallyuncensored.com/styles/default/MobileIcons/xf_icon_57.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://cdn.sociallyuncensored.com/styles/default/MobileIcons/xf_icon_72.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://cdn.sociallyuncensored.com/styles/default/MobileIcons/xf_icon_114.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://cdn.sociallyuncensored.com/styles/default/MobileIcons/xf_icon_144.png" />

So there's two options:

1) Find out what template those icons are in and place the following code above:

<link rel="shortcut icon" href="favicon.ico" />

2) Disable that add-on (which is safe to do as XenForo 1.2 introduced a mobile icon that works on most/all devices)

The end result is that the favicon will be the first icon that the JavaScript sees on the page and it will use that, instead of trying and failing to use any other icon.

Disabling the old mobile icon add-on solved the solution @Chris Deeming.

Thank you

So you say XenForo adds its own icon? Really.... I did not know this. Where is this configured (not to take this off topic).

 

[rdn]

I think this is it:
<link rel="apple-touch-icon" href="{xen:helper fullurl, @ogLogoPath, 1}" />

 

[Adam Howard]

I think this is it:
<link rel="apple-touch-icon" href="{xen:helper fullurl, @ogLogoPath, 1}" />

hhhmmm.... Was expecting a style property or control option

 

[Chris D]

@RoldanLT is spot on.

On your site it is set to: http://cdn.sociallyuncensored.com/images/meta_image.png

So, it defaults to the default open graph icon which you're using for Facebook, of course, you could manually edit the PAGE_CONTAINER template (that's where the code @RoldanLT posted is from) and change that to one of the icons you were using via that add-on, if you prefer them.

 

[Adam Howard]

@RoldanLT is spot on.

On your site it is set to: http://cdn.sociallyuncensored.com/images/meta_image.png

So, it defaults to the default open graph icon which you're using for Facebook, of course, you could manually edit the PAGE_CONTAINER template (that's where the code @RoldanLT posted is from) and change that to one of the icons you were using via that add-on, if you prefer them.

Outstanding.

It's already using what I would have told it to use any ways.

Thank you for your help @RoldanLT & @Chris Deeming

 

[Wildcat Media]

Having not had any luck with the Tinycon script as of yet, I found this as a promising replacement:

http://lab.ejci.net/favico.js/

It does not yet support IE10 though; even though I don't use it, I like any theme or add-on to be universally compatible. My guess is that they are working on support for it though.

I would be happy at this point if I could get Tinycon to just "fall back" to putting the unread count in parentheses in the title bar, which is an operating mode it supports. I may look into that. Tinycon still does not pull a properly anti-aliased rendering for me.

 

[Adam Howard]

Having not had any luck with the Tinycon script as of yet, I found this as a promising replacement:

http://lab.ejci.net/favico.js/

It does not yet support IE10 though; even though I don't use it, I like any theme or add-on to be universally compatible. My guess is that they are working on support for it though.

I would be happy at this point if I could get Tinycon to just "fall back" to putting the unread count in parentheses in the title bar, which is an operating mode it supports. I may look into that. Tinycon still does not pull a properly anti-aliased rendering for me.

I think we have a better future with favico.js as the development seems to be on going and looking at the code it is cleaner & more simple. Tinycon seems to be a mess and there hasn't been any development in a year.

 

[Wildcat Media]

If it weren't for its lack of IE10 support, I'd be 100% behind it also. But it is worth keeping an eye on, and the animated rendering of the count is quite nice also IMHO. It also has additional parameters to easily change color and shape.

I'm sure there are other scripts out there as well. Plus, I have not tested this one to see if it shows a nice favicon using the default favicon setup in XF. (I like add-ons to be as "clean" as possible.)

 

[Wildcat Media]

Actually, it would be neat if this whole thing would be part of the XF core...

 

[Chris D]

Rudy have we done anything yet to establish why the current solution isn't working for you? Everyone seems to indicate it works fine as long as uh favicon is explicitly defined in the template and it is the first icon.

What's your site URL?

 

[Wildcat Media]

The only site I have it enabled on is our private test version of the forum. Let me get a few urgent things taken care of first, and I'll send you some details privately.

I do have a valid favicon set as the first <link> tag in PAGE_CONTAINER, right above the OpenGraph link. I am now wondering if it is not properly processing multi-resolution ICO files (16x16, 32x32, etc. embedded in the same file, which is allowable and part of the spec for favicons).

 

[linkandzelda]

For everyone wanting to change the favicon I found the solution. First put your favicon.ico in the foot of your forum. Second, replace the "logo.og.png" file inside each style directory, this is what the add-on uses as favicon when there's an alert. Clear cache and done. Hope it works for everyone else.

 

[Chris D]

That's unnecessary.

All you're doing there is making your site use the apple touch icon because that appears first in the template.

@Rudy, it might be worth verifying the favicon appears first by doing View Source in your browser. Just in case there's anything else appearing before it.

To be clear the issue lies with anything that contains the term "icon" including apple-touch-icon etc.