Jump to content

Ajouter un ruban à l'en-tête


asg
 Share

Recommended Posts

Bonjour,

 

je souhaite ajouter un ruban en haut à droite de mon site. Sur ce modèle :

Imagcorner-ribbon.png?resize=323%2C406

J'ai trouvé un tutorial avec le code ad-hoc. Le problème est que mon fichier header.php a une drôle de tête (prestashop 1.5.6.1). Pour ce faire il faudrait que je le transforme sensiblement, que je lui lie un fichier css... Or dans l'en-tête du fichier, il est dit de ne pas modifier ce fichier.

 

Comment puis-je faire ?

Share this post


Link to post
Share on other sites

Merci pour cette lumière. Voici les modifications que j'ai apportées :

 

dans header.tpl, j'ai ajouté :

<link rel="stylesheet" type="text/css" href="css/ribbon.css">

[...]

<div class="wrapper">
       <div class="ribbon-wrapper-green"><div class="ribbon-green">TEXTE</div></div>
</div>​   

dans le répertoire css, j'ai crée un fichier ribbon.css où j'ai collé le code donné par le lien plus haut. Mais j'obtiens seulement le mot "TEXTE" qui apparaît en haut à gauche sans le ruban et en décalant l'entête vers le bas... Qu'est-ce que je fais mal ? (la page en question )

Share this post


Link to post
Share on other sites

Bonjour,

 

Vos erreurs sont multiples. Le chemin de votre lien "link" n'est pas correct et ne renvoi donc pas vers votre feuille css, pour que celui-ci fonctionne remplacez-le par ceci :

<link type="text/css" rel="stylesheet" href="{$css_dir}ribbon.css"></link>

Ensuite, il est nécessaire de revoir totalement le CSS de votre fichier "ribbon.css" car je ne pense pas que le résultat soit celui que vous attendiez.

 

Bonne continuation,

  • Like 1

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