Header Image en plein ecran

[KeiZ]

Bonjour a tous 

 

J'aimerai ajouter une image via le backoffice et l'intégrer juste en dessous de mon menu en full width sur la page d'accueil.

 

A la base j'ai bricolé pour pouvoir ajouter mon image via le CMS et en l'appelant header.jpg puis j'ai ajouter le lien vers mon image directement dans le header.tpl comme dans cet exemple:

	{if $page_name =='index'}
		<img class="header_image" src="{$img_ps_dir}cms/header.jpg" alt="header_image" >
        {/if}

Mais il faut que je puisse faire ça plus proprement de facon a ce que je puisse changer l'image en fonction de la langue un peu a la manière du module slider ('mais sans le slider').

 

Je suppose que la création d'un nouveau module est la meilleure solution, mais j'aimerai tout autant éviter d'en acheter un et la creation me semble vraiment compliqué pour un débutant :/. Auriez vous un conseil pour contourner la creation/achat d'un nouveau module en utilisant un deja existant ? 

(Je pensais a l'utilisation du module slider en supprimant l'effet de slider justement mais je ne sais pas vraiment ou ajouter la condition qui bloque le défilement si une seule image est affiché)

 

Merci d'avance

Edited July 29, 2016 by KeiZ (see edit history)

[touslesitesauto]

et si tu ajoutes en plus des conditions comme :

{if $page_name =='index'}

  {if $id_lang =='1'}<img class="header_image" src="{$img_ps_dir}cms/header_fr.jpg" alt="header_image" >{/if}

  {if $id_lang =='21'}<img class="header_image" src="{$img_ps_dir}cms/header_ru.jpg" alt="header_image" >{/if}

  {if $id_lang =='145'}<img class="header_image" src="{$img_ps_dir}cms/header_pol.jpg" alt="header_image" >{/if}

  ...

{/if}

 

Aucune idée si ça marche mais au cas où...

[Mediacom87]

Bonjour,

 

et en faisant des images simplement nommées avec l'id lang dedans ?

<img class="header_image" src="{$img_ps_dir}cms/header_{$id_lang}.jpg" alt="header_image" >

[KeiZ]

Merci pour vos réponses, mais j'ai opté pour le module homeslider que j'ai accroché dans mon displayTop, puis avec un peu de CSS que j'ai mis en full width et ensuite désactiver la pagination lorsque une seule image est affiché en modifiant le fichier homeslider.js