logo page d'accueil différent du reste des pages

[Olivia26]

Bonjour,

 

Je suis nouvelle dans la communauté. Je cherche désespéremment à changer le logo uniquement sur ma page d'accueil.

Je m'explique. J'ai intégré en fonds de ma page d'accueil, une image gris et j'ai un logo (une image au format png) blanc. Pour le coup cela me va car on voit bien le logo.

 

Les autres pages, quant à elles, possèdent un fond blanc. C'est pas TOP!!  Il faudrait que le logo soit en noir pour les autres pages

J'ai donc 2 possibilités:

 -soit je change uniquement le logo de la page d'accueil dans le fichier tpl et j'insère à l'aide du back office le logo en noir pour les autres pages.

- soit je change tous les logos de chaque page que je mettrais en noir et j'insère, toujours à l'aide du BO, le logo en blanc qui ira se placer uniquement sur ma page d'accueil.

 

 

Ma question: Comment je fais?

 

Merci pour l'aide que vous m'apporterez!!!

 

Bonne année

[ChDUP]

dans votre header.tpl  vous pouvez faire une condition au niveau de l'affichage du logo, dans le style :

(à adapter suivant votre thème)

{if $page_name == 'index'}
<img class="logo img-responsive" src="url_du_logo_index" alt="{$shop_name|escape:'html':'UTF-8'}"/>
{else}
<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"/>
{/if}

[Eolia]

dans le header.tpl de votre name ajoutez la condition:

<div id="header_logo">
    {if $page_name == 'index')
        <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}/>
    {else}
        <img class="logo img-responsive" src="url_de_votre_autre_logo" alt="{$shop_name|escape:'html':'UTF-8'}" width="largeur_du_logo_en_px" height="hauteur_du_logo_en_px"/>
    {/if}
</div>

lol, dslé pour le doublon^^

[Olivia26]

{block name='header_top'}
  <div class="header-top">
    <div class="container">
       <div class="row">
        <div class="col-md-2 hidden-sm-down" id="_desktop_logo">
        {if $page_name == 'index'}
			<img class="logo img-responsive" src="C:\wamp64\www\prestashop2\img\logo2.png" alt="{$shop_name|escape:'html':'UTF-8'}"/>
		{else}
			<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"/>
		{/if}
        </div>
		
        <div class="col-md-10 col-sm-12 position-static">
          <div class="row">
            {hook h='displayTop'}
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

Bonsoir,

 

je vous remercie pour vos réponses. Je dois m'y prendre mal mal j'ai l'impression que le site n'arrive pas à trouver mon logo dans mes fichiers. Je précise que je travaille sur le thème "classic" en local.

Voici ce que j'ai écrit mais ça reste blanc à la place du logo. Merci pour vos précisions.

 

@Eolia: Lorsque j'ai tenté d'intégrer votre code cela effacer tout mon site. Ce que je veux dire c'est le site ne s'affichait plus sur mon navigateur. A la place j'avais un message d'erreur.

[Eolia]

Quel message d'erreur ?

 

Bon après, Prestashop version 1.7... je ne fais pas de support avant 2 ans, si cette fichue version devient stable et encore^^

[Olivia26]

J'ai eu un message du genre: "explorer n'a pas pu ouvrir la page car il y a une erreur de programmation"

Je vais continuer à chercher...