modification des css d'un module

[bleuindigo]

Bonjour à tous,

débutant avec prestashop, je patauge un peu.
J'ai réussi à modifier l'emplacement d'un module contraint sur un emplacement en modifiant le php et le tpl du module, mais si le module se déplace en effet, les éléments le constituant conservent les propriétés css définies par défaut.
Ainsi le titre en

, le fond avec une image lambda et la liste avec des puces.. etc...
souhaitant réintervenir dessus comment dois je faire? il me semble que le fichier tree est le noeud du problème;.. mais ca dépasse de loin mes compétences...
merci pour vos réponses.
Fabien

[liandri]

Bonjour Fabien

Si tu es encore sur ton blockcurrencies, je t'invite à regarder le blockcurrencies.tpl

tu y trouveras une déclaration id qui permet d'en identifier de façon unique les styles à appliquer dans son

...

ensuite tu ouvres le fichier de ton thème : /themes/[ton_theme]/css/global.css
tu recherches les déclarations liées à cet "id" : currencies_block_top
tu tombes sur une suite :

/* block top currencies */
#header #currencies_block_top

...

tu remarques que l'id est inclu dans un autre id qui est le "header".

Tout s'explique pour toi, le module blockcurrencies est bien prévu à la base pour le mettre en accroche de haut de page.

Pour le personnaliser rapidement, tu n'as qu'à faire un sauvegarde de ces déclarations css, et tu enlèves change toute les déclarations liées :

en :

/* block top currencies */
#right_column #currencies_block_top {
   margin: 0.4em 0.5em 0 0;
   float: left;
}
#right_column #currencies_block_top ul {
   float: left;
   height: 1.5em;
}
#right_column #currencies_block_top ul li {
   float:left;
   margin-right:0.2em;
}
#right_column #currencies_block_top ul li a {
   display:block;
   font-size:0.8em;
   background-color:#f1f2f4;
   border:#595a5e 1px solid;
   text-decoration:none;
   min-width: 1em;
   padding: 0px 2px 0px 3px;
   line-height: 1.5em;
   text-align: center;
   vertical-align: middle;
}
#right_column #currencies_block_top ul li a:hover {
   background-color:white;
   color: black;
}
#right_column #currencies_block_top ul li.selected a {
   border: none;
   background-color: transparent;
   font-size: 1.1em;
   line-height: 1.2em;
   font-weight: bold;
   color: black;
   border:1px solid white;
}
#right_column #currencies_block_top p {
   clear: left;
}

un truc comme ça ! Attention, j'ai pas testé !

A+

[bleuindigo]

salut Liandri,

merci pour ta réponse, mais j'aurai du préciser que ce n'était pas pour cela... ca j'y suis arrivé ce matin... mais ma quête continue.. maintenant je cherche à placer le module catégorie dans la zone top et d'en modifier la forme pour avoir une barre horizontale permettant l'accès aux différentes familles de produits. En gros une barre de navigation horizontale.
Je suis arrivé en suivant tes conseils à placer ce module au bon endroit mais apparement le module contient une foule de chose qui font références à des css générales (h2 par ex.) et donc je rame à nouveau..
Je me demande si je ferais pas mieux de prendre un prestataire car mon client va commencer à s'énerver...
Merci pour tes conseils.
Fabien

[liandri]

alors tu peux reprendre mon post précédent en regardant avec blockcategory.tpl

en reprennant les bons 'id' bien sur

bonne chance

[zarloon]

bonjjour,
il existe des modules pour des menus horizontaux...si c'est ce que tu cherches.