Prestashop: logo PNG transparente
21 feb 2012
Prestashop por defecto muestra la imagen del logotipo de nuestra tienda Prestashop en el formato .JPG. Esto puede ser molesto si queremos usar un logo con transparencia en nuestra tienda.
A continuación los pasos necesarios para poder habilitar un logo transparente PNG:
1. Editamos el archivo header.php situado en la carpeta de nuestro theme
<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" 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>
<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" 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>
Y reemplazamos la extensión de logo.jpg por “.png” quedando finalmente así:
<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
<img class="logo" src="{$img_ps_dir}logo.png?{$img_update_time}" 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>
<img class="logo" src="{$img_ps_dir}logo.png?{$img_update_time}" 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>
2. Cargamos el nuevo logotipo png en back-office
Si no funciona, puedes cargar la imagen de forma manual guardándola como “logo.png” en la carpeta raíz de tu prestashop, en: /img/