Image en face catégorie ?

[Foster]

Bonjour,

 

comme l'indique le titre de mon topic je me demandais si il était possible de mettre une image devant les onglets catégories mais seulement certains d'entre eux ? Je souhaiterais en fait réutiliser la pastille verte que l'on retrouve lors des commandes. Merci.

[Stéphane Chonez]

bonjour,

 

quand tu dis certain d'entre eux, peux-tu préciser?

car tu pourras facilement sur toutes les catégories principales par ex....

[Foster]

Je parlais des 3 premiers onglets représentant les niveaux, voir pièce jointe. Merci.

[Stéphane Chonez]

bonjour,

 

dans blockcategorie.css ligne 3 ajouter un background à #categories_block_left .tree li :

 

#categories_block_left .tree li {
background: transparent url("../../../img/icon/available.gif") no-repeat;
...
...
...
}

[Foster]

Ok merci Stéphane par contre désolé mais je ne trouve pas blockcategorie.css, c'est dans un module ?

[Stéphane Chonez]

si tu as une version récente de presta (1.4) tu accèdes aux feuilles de style CSS des modules dans les fichiers de ton thèmes...

ton thème > css > modules > blockcategories

[Foster]

Ok, j'ai la version 1.4.2.5 mais quand je vais dans le module en question il n'y a rien.

[Foster]

Ok c'est bon, et après ça je fais comment pour insérer l'image ? Merci.

 

 

/* Block categories */

#categories_block_left .tree { padding-left: 0.5em }

#categories_block_left .tree li {

background: transparent url("../../../img/icon/available.gif") no-repeat;

border: none;

padding-top: 5px;

padding-left: 15px;

background: none;

margin-left: 0;

font-weight: bold;

font-size: 13px;

line-height: 13px

[Stéphane Chonez]

attention au background:none; qu'il faut supprimer sinon ça devrait fonctionner!

[Foster]

Ok, je viens de le supprimer mais rien n'apparait.

 

/* Block categories */

#categories_block_left .tree { padding-left: 0.5em }

#categories_block_left .tree li {

background: transparent url("../../../img/icon/available.gif") no-repeat;

border: none;

padding-top: 5px;

padding-left: 15px;

margin-left: 0;

font-weight: bold;

font-size: 13px;

line-height: 13px

[Stéphane Chonez]

tu adaptes bien blockcategorie.css et pas globall.css?

 

attention aussi à vérifier les caches! bien les vider....

[Foster]

Oui oui et j'ai bien vider mes caches, par contre c'est bien le blockcategories.css du dossier prestashop? Parce que dans mon thème il n'existe pas.

[Stéphane Chonez]

non le blockcategorie.css de ton thème... dans ton thème il doit y avoir un dossier CSS et dedans un dossier modules

ton thème > css > modules > blockcategories

[Foster]

Ok stéphane donc c'est bien ce que je disais, quand j'y vais il n'y a rien... ?

[Foster]

?

[Stéphane Chonez]

hello,

 

 

regarde dans le thème par défaut comment est composé le dossier CSS. il y a bien le sous-dossier module dedans?

si dans ton thème il n'y ai pas c'est que tu utilises un thème p-e?

donc regarde dans les modules et le module blockcategorie s'il y a un fichier CSS lié dedans.

 

au fait, le site est-il visible en ligne?

[Foster]

Oui dans le thème par défaut il y a le module et j'utilise bien un thème de prestashop, quand je vais dans le css de mon thème puis dans module il n'y a rien. Si tu veux je peux te donner mon FTP pour que tu jettes un coup d'oeil mais le module est vraiment vide.