[MOD] Animated Favicon

[ondrovic]

here is the way I found to get an animated favicon for prestashop

1.) Move favicon.ico to root /
2.) Upload your favicon.gif to root /
3.) Navigated to themes/
4.) Download header.tpl
5.) Open header.tpl with favorite text editor
6.) Look for the following around line 14 or 15

<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />

7.) Comment out so it looks like this

<!--<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />-->

8.) Under your original commented out code add the following lines

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

9.) Save file
10.) Reupload to server
11.) Clear cache
12.) Reload Site

Hope this helps

you can see mine here http://chrellisjewelry.com

[alexlario]

Perfect it works great.

Thank you

[kerokid]

here is the way I found to get an animated favicon for prestashop

1.) Move favicon.ico to root /
2.) Upload your favicon.gif to root /
3.) Navigated to themes/
4.) Download header.tpl
5.) Open header.tpl with favorite text editor
6.) Look for the following around line 14 or 15

<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />

7.) Comment out so it looks like this

<!--<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />-->

8.) Under your original commented out code add the following lines

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

9.) Save file
10.) Reupload to server
11.) Clear cache
12.) Reload Site

Hope this helps

you can see mine here http://chrellisjewelry.com

Hi! There

I found problem, favicon.gif not show on the other page
I change No. 8
from

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

to

<link rel="shortcut icon" href="{$base_dir_ssl}favicon.ico" >
<link rel="icon" href="{$base_dir_ssl}favicon.gif" type="image/gif" >

Now! favicon.gif show on every pages

--- SHARE FOR ALL ---

[Pinkloveshy]

ondrovic

Love your site. Please can you help me with a couple of pointers.
1) Where did you get your Header/Footer toolbars from as I would like to do the same. Can you help me?
2) How did you achieve the background.

Would be most greatful if you could share the code. Your site is very clean and I reall like the look. I've been working hard at mine but still need to improve.

Ps. how did you get the rounded edges on your blocks?

Best regards

Pinkloveshy

[jeffreywinmart™]

@Pinkloveshy,

Visit this site: http://www.ezytrader.com/

[adiboo]

what's the name of your translate module it's great.

[webby]

Hi,

I followed your instructions for the favicon and my slideshow shifted to the left and my top menu disappeared!!

This is how it looks; http://www.missmadisonfinelinens.com, I'm using version 1.2.5 and template Black & White.

Any ideas on how I can fix this? This is a site I'm creating for my client, so I need this fixed.

OOPS!!

Any help is appreciated!

[webby]

I figured it out. I just replaced the header.tpl in the theme file.

Thanks anyways. Maybe this will help someone else.

[MrBaseball34]

Isn't 16X16 a little small for an animated icon?

[rololo88]

Thx for the tips, work fine!

[mouse1]

I am using an old Prestashop version 1.1.0.5. In my case, I first added my icon through the BO (Preferences - Appearance - Favicon). This only made my icon to appear in the header of BO, but my FO was still showing the original Prestashop icon. So I searched for the code to find out what was wrong. I found it in header.tpl in my theme folder and changed the code as follows:

 

<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
 <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />

 

to

 

<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}/favicon.ico" />
 <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}/favicon.ico" />

 

Literally, I only added "/" between "{$img_ps_dir}" and "favicon.ico".

 

This solved the problem and my icon is showing in both BO and FO. Hope this helps someone.

 

Have a great day. Jana