Comment ajouter une image à côté du logo d'un site en 1.6 ?

[N°6]

Bonsoir à toutes et à tous.

 

Quelqu'un sait-il où et avec quel code on peut ajouter une image à côté du logo d'un site sous prestashop 1.6 ?

Je ne parle pas du fond du header entier, ça je sais faire, mais bien de la partie vide à droite du logo, se situant au dessus du menu haut.

Merci par avance si quelqu'un connaît la réponse et la partage ici.

[Alexandre Carette]

Bonjour,

dans le header.tpl du theme, vers la ligne 97 tu as ca:

<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>

donc tu peux faire un peu de html <img src="url_de_mon_image">

[isteph26]

Bonjour,

dans le header.tpl du theme, vers la ligne 97 tu as ca:

<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>

donc tu peux faire un peu de html <img src="url_de_mon_image">

 Bonsoir, 

j'ai essayé selon vos conseils d'ajouter une image, mais mon image s'ajoute en dessous de mon logo ... ou dois je insérer le code html <img src ... > pour que mon image s'affiche dans la continuité de min logo ? 

merci de vos eclaircissements

Edited October 18, 2016 by isteph26 (see edit history)

[Alexandre Carette]

bonjour,

 

il faut apprendre les bases du css et du html

 

cordialement

[PixGeek]

Dans le fichier header.tpl trpuve le code suivant :

<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>

remplace part ceci :

<div id="header_logo">
<a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if $logo_image_width} width="{$logo_image_width}"{/if}{if $logo_image_height} height="{$logo_image_height}"{/if}/>
<img src="http://monsite.com/imgage/image.jpg" style="margin-top: -150px; margin-left: 150px;">
</div>

Adapte les valeurs selon ton envie

[isteph26]

Bonjour, 

j'ai essayé, mais ca ne répond pas à ce que je veux faire ... 

avec cette solution, le logo s'affiche bien mais il n'est pas responsive .. 

 

sur mon iphone, l'image apparait tout a droite quand je dezoome. Je voudrais qu'il s'affiche sous mon logo boutique. 
Je voudrais faire comme sur ce site : http://www.seve2bouleau.com/ pour les logos bio. 

 

merci encore de votre aide