Jump to content
Aqil

Lien sur image de fond

Recommended Posts

Bonjour,

 

Je demande un peu de votre car je rencontre une difficulté

 

Dans ma boutique en ligne que j'ai en locale, j'ai mis une image de fond dans le body{

 

Le but est de mettre en avant un produits en particulier, et faire un lien vers le produit ce qui créer une page d'accueil dynamique

 

Seulement je n'arrive pas à créer de lien hypertexte pour que le clien puisse acceder rapidement au produits mis en avant.

 

J'ai tout essayé en css et html mais rien marche,

 

J'ai essayé de mettre un code dans le fichier tpl header comme:

 

<div id ou class="bg">

<a href="" target=""></a>

</div>

 

en passant par le css pour l'image ça ne marche pas l'image ne s'affiche pas

 

ensuite je fais comme ceci :

 

<div id ou class="bg">

<a href="" target=""><img src="" alt="" /></a>

</div>

 

L'image se mets en haut du logo de prestashop et déforme le site

 

les z-index, les positions absolute etc ne marche pas

 

J'ai tout essayer body{ ou encore faire une classe appart du genre .fonds ou #fonds si c'est un id mais rien

 

Donc ma question est comment mettre un lien hypertexte sur une image de fond dans prestashop ? ce qu'il faut mettre dans le fichier header.tpl ou autre comment s'y prendre

 

merci

Share this post


Link to post
Share on other sites

Cherche la division qui affiche le contenu de ta page en général #wrap ou #page dans ton global.css

 

Ajoute la propriété au CSS pour mettre le site devant tout :

z-index: 5;

Par exemple :

#page { 
width: 940px; 
margin: 10px auto 0; 
text-align: left; 
position: relative; 
z-index: 5
}

Ensuite, tu fais une nouvelle propriété CSS, appelons là, "background-click"

ce qui te donne ça

#background-click { 
position: absolute; 
left: 0; 
right: 0; 
top: 0; 
bottom: 0; 
z-index: 0 
}

Puis dans ton fichier header.tpl en dessous de la balise body, ajoute un lien HTML comme ceci :

<a id="background-click" href=http://tonurl.tld></a>

Suffit de changer le lien dans la balise que j'ai mis

 

Et voilà, un fond cliquable, simplement !

Edited by Ghostfly (see edit history)

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

×
×
  • Create New...

Important Information

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