Changer de logo

[laurens]

Bonjour,

 

Je suis en train de modifier mon thème, pour cela j'ai fait une copie du thème de base que j'ai renommer.

 

Mon thème de base avait un logo de 180 x 42 mais sur le nouveau j'ai refait mon logo d'une taille de 363 x 120 que j'ai nommer logo-new .

 

Pour ne pas perturber l'affichage d'un thème à l'autre, j'ai modifier l'appel du logo dans header.tpl

 

Etant novice et autodidacte je préfère demander à des pro si mon code est exact

 

voici le code de base

 

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


Voici ma modif

                           <img class="logo" src="{$img_ps_dir}logo-new.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo-new_image_width}width="{$logo-new_image_width}"{/if} {if $logo-new_image_height}height="{$logo-new_image_height}" {/if} />

 

Merci

 

[2FR3]

Bonjour,

A la base préférez le _ au - pour nommer les images. Ce n'est pas que ca bloquerait quoi que ce soit, mais c'est une bonne pratique pour la compatibilité des hébergeurs, tout comme eviter la presence de majuscules.

Votre code est bon, mais il vous faudra augmenter la taille de la div du logo en css, bien que de memoire il faut plutot reduire celle de droite (qui comprend la barre de recherche, le panier et tout ca).

[laurens]

Bonjour 2FR3 et merci pour vos explications

 

Je suppose que c'est dans global.css

voici ce que j'ai

 

#header_logo {
    display: block;
    float: left;
    width: 150px;
    ;
    margin-top: -5px;
}

img.logo {
    float: left;
    font-size: 2em;
    font-weight: bold;
    margin: -185px 0 0 20px;
}

Edited December 30, 2013 by laurens (see edit history)