petit problème bloc catégorie

[Macadam]

Bonjour,

 

Je rencontre un petit soucis avec le bloc catégorie.

 

Il se trouve que celui-ci n'affiche pas le style catégorie/sous catégorie en fonction du niveau. Je me retrouve donc avec le même style pour les catégorie parent et enfant, du coup on ne comprend pas la hierarchisation.

 

Quelqu'un a-t-il déjà rencontré le problème ?

 

Merci !

[Monte a bord Victor]

Bonjour,

 

Quelle version de Prestashop utilisez vous ? Quel thème ?

 

Tout se passe dans le blockcategories.css.

 

Cordialement

[Macadam]

Bonjour,

 

J'utilise la version 1.4.7 et mon theme et Clothes Store. Effectivement j'ai bien regardé le fichier blockcategories.css qui me parrait correctement construit et sans soucis. Je ne sais donc pas où chercher l'erreur pour que le bloc catégorie suive l'instruction du fichier CSS.

 

Une idée ? Merci beaucoup.

[Monte a bord Victor]

Bonjour,

 

Votre sites est en ligne ?

 

Cordialement

[Macadam]

Oui,

 

Le site est en ligne mais sur un site mirroir à l'actuel, il n'est pas encore en production. new.street-art-shop.com

 

Cordialement,

[Monte a bord Victor]

Bonjour,

 

Je vous suggère de contacter le développeur du thème car on voit bien que dans le css, il y a des instructions pour les différents "levels" mais le module ne s'en sert pas.

 

Cordialement

[Macadam]

Bonjour,

 

Oui effectivement c'est ce que j'avais constaté, c'est pourquoi je cherché à trouver une réponse sur le forum. Il se trouve que le développeur est aux abonnés absents..; Un peu difficil donc de trouver une solution.

 

Merci en tout cas !

[Stéphane Chonez]

bonjour,

 

dans le fichier blockcategories.css vous avez un style attribué au balise <li> :

#categories_block_left .tree li {
   background: none repeat scroll 0 0 transparent;
   font-size: 13px;
   line-height: 15px;
   margin-left: 0;
   padding-left: 0;
   padding-top: 5px;
}

 

il vous faut en créer un nouveau pour le 2eme niveau de <li> :

#categories_block_left .tree li li{
   color:red;
}

en mettant les styles qui vous intéresse ;-)

[Macadam]

Bonjour,

 

En fait je ne suis pas un pro du développement, seulement un jeune padawan

Mon fichier CSS est composé ainsi, je n'arrive pas a déterminer s'il y a une erreur ou pas.

 

 

#categories_block_left  {background: none !important;}
#categories_block_left  .block_content {background: none;}
#categories_block_left h4 { text-align: center; font-size: 14px; text-transform: uppercase; border-bottom: 1px dotted #c2c2c2; background: none; color:#595959; font-weight:normal;}
#categories_block_left .tree li {
padding-top: 5px;
padding-left: 0;
background: none;
margin-left: 0;
font-size: 13px;
line-height: 15px
}
#categories_block_left .tree li.level_1 div{
font-weight:bold !important;
width: 100%;
display: block;
padding: 0.3em 0.5em;
margin: 0.5em 0;
font-size:13px;
text-transform:uppercase;
line-height: 16px;
}
#categories_block_left .tree li.level_2 div{
width: 100%;
display: block;
padding: 0.2em 0 0.2em 1em;
border: none;
margin: 0.2em 0;
font-size:11px;
text-transform:none;
font-weight:normal !important;
}

#categories_block_left span.grower {
display: block;
float: right;
background-position: 0 13px;
background-repeat: no-repeat;
width: 9px;
height: 23px;
margin: 0 0 0 -12px!important;
margin: 0 0 0 -8px;
padding: 0
}
#categories_block_left span.OPEN { background-image: url('../../../img/icon/sort_asc.gif') }
#categories_block_left span.CLOSE { background-image: url('../../../img/icon/sort_desc.gif') }

#categories_block_left .tree li #cat_ipsub21 a {color:red}

 

Merci beaucoup en tout cas

[Stéphane Chonez]

je me demande si ton module ne t'offre pas la possibilité entre un affichage vertical ou horizontal!!

à voir si les infos de niveau (level) ne s'applique pas pour un affichage horizontal....

 

sinon tente d'ajouter des informations pour le second niveau de <li> comme proposé précédemment :

#categories_block_left .tree li {
padding-top: 5px;
padding-left: 0;
background: none;
margin-left: 0;
font-size: 13px;
line-height: 15px
}
#categories_block_left .tree li li{
background-color:#ccc;
}

 

normalement les liens de second niveau auront un arrière-plan gris... (à modifier selon tes besoins)

[Macadam]

merci pour le coup de pouce. En procédant comme indiqué j'ai réussi à faire quelques aménagements qui font qu'on comprend la hierarchisation du menu.

 

Cependant je pense également qu'il y un un soucis quelque part sur le fichier car le CSS ne fait pas forcément tout ce qu'on lui demande ou réagit de façon étrange notamment sur le premier niveau.

 

Merci en tout cas ça m'a bien aidé je vais essayer de trouver une solution pour améliorer encore plus cela !