[solved] Logo size and dimensions?

[raafatli]

I hope I can find any help in this matter, as when trying to upload my logo it says max 292 kb. How to control the size of the logo and is there a specific dimension (length and width)for the logo?

[vekia]

you have to check the header.tpl file in your template directory:

 

<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
 <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
   </a>

 

you can define own width & height by editing code above.

 

 

anyway, 292KB for logo in my opinion is too much...

[vekia]

@raafatli said:

Thank you very much, I will follow your advice and keep it as it is. another question please!!

 

 

so i marked this thread as solved :-)

 

regards

[yoyou0107]

Can you show me where I can upload the logo file? I couldn't find the right option in the back office.

[vekia]

Can you show me where I can upload the logo file? I couldn't find the right option in the back office.

 

what prestashop version you use?

[yoyou0107]

Thanks for your reply.

 

I use Prestashop 1.5.3.1

[vekia]

you can upload own logo files in:

 

Preferences > themes 

[hoatbui]

<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
	 <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width=250px"{$logo_image_width}"{/if} {if $logo_image_height}height=50px"{$logo_image_height}" {/if} />
</a>

 

Vekia, not sure if I changed the code right. I inserted pixel numbers after width and height but nothing happened to the logo size

Edited August 12, 2013 by hoatbui (see edit history)

[Rajesh Kumar Yadav]

Try to resize it in photoshop then upload.

You can also do it with css class forcing logo to be resized.

Go to global.css and fine #header_logo and just below add new id as shown in below code

a#header_logo > img {
width:200px;
height:200px;
}

 

You can change value 200px to as you desired.

Edited August 12, 2013 by rajesh.yadav (see edit history)

[vekia]

instead the:

{if $logo_image_width}width=250px"{$logo_image_width}"{/if}

use just width=250px;, nothing mote.

the same for height param