Jump to content

Animated gif as logo


Recommended Posts

Hi I am new to prestashop but am very impressed with it, I am setting up a shop at the moment www.inmalagadesign.com/tshop and wish to add an animated gif as the site logo. I tried changing the link to the file in the default template header.tpl but the gif is not animated. Is there any way or any code i can use to add the animated gif instead of the current logo. Any help you can give me would really be appreciated.

 

Kind regards

 

tim

Link to comment
Share on other sites

Hello!

 

When you upload an image (any type of extension) to be a logo, it will be converted to JPEG. If you check the source code of your page, you can notice the logo has JPEG extension.

 

To use GIF or PNG image file as your logo, you need to upload it to the server first, to the 'img' folder. Then edit the header.tpl file ('themes/[YOUR_THEME_DIRECTORY]') and change 'logo.jpg' to the extension of your logo image.

 

Do not forget to back up the file before changing it and recompile the templates once you upload it to the server.

 

You can find some helpful tips about recompiling, following this link: http://www.cartexpert.net/content/8-prestashop-tricks-and-tips

 

Best Regards,

 

Robin

 

The CartExpert Team

Link to comment
Share on other sites

  • 4 years later...

Hi,

sigh..  :(  still looking for "animated-gif-as-logo" for my: www.moratospain.es

Prestashop 1.6.1.4

 

TIll now I did:

- I uploaded via FileZilla: moratospain.es/img/fashion-barcelona-logo-1460114402.gif

  (img folder): the animated gif is only 48Kb and works fine.

- I changed the header.tpl (themes folder)

from:

src="{$logo_url}"  

to:

src="/{$img_ps_dir}fashion-barcelona-logo-1460114402.gif?"

 

from:

<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>

 

  to:

<img class="logo img-responsive" src="/{$img_ps_dir}fashion-barcelona-logo-1460114402.gif?" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if

isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>

 

..but it doesn't WORK !! :wacko:

What did I miss ?!!  :( 

Paolo

Link to comment
Share on other sites

  • 8 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...