Colocar el logo junto al menú en Prestashop

logo prestashop

Si estas trabajando con Prestashop 1.6,  con la plantilla que trae por defecto y por necesidad de diseño necesitas colocar el logo junto al menú, aquí te doy una solución.

Debes saber que esta solución tendras que tocar el código, por lo que si no tienes experiencia programando, déjalo a alguien que sepa o ve con mucho cuidado.

En el archivo  header.tpl. que hallarás siguiendo la ruta :

 /themes/default-bootstrap/header.tpl 

y comenta el logo actual que está en las líneas siguientes :

<div id="header_logo">
<a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
<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}/>
</a>
</div>

Copia el código que acabas de comentar.

Otros post sobre Prestashop

Ahora ve al archivo  blocktopmenu.tpl, que es el encargado de manejar el área del menú.

Su ruta es la que veras debajo:

/themes/default-bootstrap/modules/blocktopmenu/blocktopmenu.tpl

Busca el div  que contiene el menú, que es este:

<div id="block_top_menu" class="sf-contener clearfix col-lg-12"> …

Y  justo antes de el, crea  un div del tipo :

<div class="col-sm-4 clearfix"></div>

 Y dentro pega  dentro lo que has copiado de  header.tpl, quedará algo asi:

<div class="col-sm-4 clearfix">
<a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
<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}/></a>
</div>

Puede haber, dependiendo de la versión alguna variación, pero teniendo cuidado de colocar el código correctamente funcionará

Espero haber ayudado a alguien con esto.

Un saludo

Quién va en busca de montañas, no puede detenerse a recoger las piedras del camino.

J. Martí
Translate »