Jump to content

Header Image en plein ecran


Recommended Posts

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 by KeiZ (see edit history)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More