surcharge de la CSS d'un module

[ChDUP]

bonjour à tous !

 

Je cherche simplement à modifier les images des boutons du module homeslider, natif sur presta 1.5

particulièrement le fichier gray_pager.png

Je veux faire ceci en override, sur mon thème personnalisé.

 

j'ai donc créé mon nouveau fichier

/themes/montheme/modules/homeslider/gray_pager.png

sans effet, je ne pense pas qu'on puisse "overrider" les images de cette façon, il faut qu'elles soient appelées par la CSS

 

j'ai fait tout simplement un copier-coller en créant

/themes/montheme/modules/homeslider/bx_styles.css

sans effet, je m'aperçois via firebug que la css appelée reste toujours

www.monsite.fr/modules/homeslider/bx_styles.css

et non

www.monsite.fr/themes/montheme/modules/homeslider/bx_styles.css

comme je le voudrai

 

par contre pour modifier le .tpl pas de problème

qu'est ce qui cloche dans mon raisonnement ?

merci d'avance

[Rayken]

Bonjour,

 

Pour surcharger votre fichier css, vous devez le placer à cet endroit :

/themes/mon_theme/css/modules/homeslider/bx_styles.css

 

Il vous faudra ensuite modifier dans ce fichier le chemin de l'image gray_pager.png pour appeler votre nouvelle image et ça devrait être ok.

[ChDUP]

merci, ça fonctionne parfaitement

on ne peut pas surcharger uniquement un élément de la feuille de style, on écrase forcément la feuille entière ?

car dans ce cas, je veux simplement modifier une image, appelée en CSS, mais du coup toutes les chemins relatifs de toutes les autres images appelées par cette feuille sont à revoir.

 

Quelle est la solution la plus optimale dans mon cas ?

1. replacer toutes mes images dans le dossier /themes/mon_theme/css/modules/homeslider/
   
2. placer uniquement l'image modifiée et appeler les autres par ../../../../../modules/homeslider/
   
3. placer toutes les images ou seulement l'image modifiée dans /themes/mon_theme/img/modules/homeslider/
   
4. placer toutes les images ou seulement l'image modifiée dans /themes/mon_theme/modules/homeslider
   
5. la réponse 5
   

[Rayken]

Je ne pense pas qu'il soit possible de surcharger que quelques éléments de la feuille de style, puisqu'en fait quand ton fichier css existe dans /themes/mon_theme/css/modules/homeslider, c'est lui qui est appelé à la place de celui dans /modules/homeslider.

 

Pour les chemins des images, la réponse 5 est pas mal .

Sinon pour éviter d'avoir tous les chemins à modifier, la solution 1 est la plus simple je pense.

[ChDUP]

ok

je posais simplement la question pour connaître "la bonne conduite à adopter" pour mes futures surcharges.

 

merci à toi !

[Prestadget]

Bien sur que tu peux. CSS d'ailleurs ça veut bien dire Cascading Style Sheet ^^

 

Tu peux dans ta feuille de style qui override faire un "@import url()" et ensuite overrider ta règle CSS.

 

Niveau perf c'est bof car ça va faire 2 appels HTTP mais c'est propre

[Raphaël Daujat]

Perso, j'essaye de surcharger le fichier js : jquery.bxSlider.min.js

 

mais il ne semble pas pris en compte quand je le place dans <monthème>/js:modules/homeslider ????

 

Quelqu'un a une idée ?

[Raphaël Daujat]

Ca y est, j'ai trouvé.

 

Bon, j'avais tapé une boulette dans le post précédent. Il fallait bien sûr lire  <monthème>/js/modules/homeslider.

En fait il faut le placer dans le répertoire  <monthème>/js/modules/homeslider/js et tout fonctionne mieux.