PrestaShop Forum

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum

Jump to content

 

Module categoriesbar et couleur du texte des sous catégories

25 replies to this topic
#1
Bliss

    PrestaShop Apprentice

  • Members
  • PipPip
  • 174 posts
Boujour,
Je me sers du module categoriesbar pour afficher mes catégories sous forme de barre horizontale sur la page d’accueil.
Je souhaiterais modifier la couleur du texte du titre des sous catégories qui apparaissent dans cette barre(afin que ce soit plus compréhensible) .
Pouvez vous me dire ou je dois aller pour changer le code .J’ai essayé de trouver par moi même avec firebug mais je n’y arrive pas.
Merci d’avance
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com

#2
Bliss

    PrestaShop Apprentice

  • Members
  • PipPip
  • 174 posts
Ou alors comment faire disparaitre l'affichage des sous categories ? je ne trouve pas quel fichier modifier.
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com

#3
Mathias**

    PrestaShop Apprentice

  • Members
  • PipPip
  • 101 posts
Si c'est le module Horizontal bar dont vous parler, une piste est de travailler sur le fichier categoriesbar/chromestyle.css

cdlt

Mat

#4
Bliss

    PrestaShop Apprentice

  • Members
  • PipPip
  • 174 posts
Merci de votre réponse.Ci dessous mon fichier chromestyle.css, quelle ligne je dois toucher pour que les sous catégories n'apparraissent plus ou alors qu'elles soit marquées de couleur différénte ?



.chromestyle{
font-weight: bold;
font-size: 10px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
background-color: white;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com

#5
Atch

    PrestaShop Fanatic

  • Moderators
  • 2918 posts
Salut,

Essayez ici :

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}


Et changez la valeur de color.


Sinon pour supprimer les sous menu, essayé directement via l'admin de votre boutique:

admin/modules/catégories et mettre les niveaux à 0

v++

Atch

#6
Bliss

    PrestaShop Apprentice

  • Members
  • PipPip
  • 174 posts
Je viens d'essayer mais ça modifie la couleur de toutes les categories et sous catégories.Je me sers du module Horizontal Navigation Bar Module v0.5 (categories bar).
JE ne peux pas choisir le nombre de niveau d'affichage des sous categories (pour que les sous categories ne s'affichent pas) dans le module categorie car je ne me sers pas de ce module.
As tu une autre idée ? Merci
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com

#7
Atch

    PrestaShop Fanatic

  • Moderators
  • 2918 posts

From 1247207184:

Je viens d'essayer mais ça modifie la couleur de toutes les categories et sous catégories.Je me sers du module Horizontal Navigation Bar Module v0.5 (categories bar).
JE ne peux pas choisir le nombre de niveau d'affichage des sous categories (pour que les sous categories ne s'affichent pas) dans le module categorie car je ne me sers pas de ce module.
As tu une autre idée ? Merci


J'utilise pas ce module, je ne connais pas, de ce que j'ai pu voir, il utilise de base le module catégorie "Presta" pour l'affichage, donc, regarde s'il n'y a pas l'option niveau dans le module categories bar.

As tu un lien sinon pour visualiser en direct.

V++

Atch

#8
Bliss

    PrestaShop Apprentice

  • Members
  • PipPip
  • 174 posts
http://www.evolution2-2alpes.com/
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com

#9
Atch

#10
Bliss

    PrestaShop Apprentice

  • Members
  • PipPip
  • 174 posts
Merci beaucoup.L'idéal pour moi serait que les sous catégories n'apparaissent pas ,est ce que tu sais faire ?
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com

#11
Atch

    PrestaShop Fanatic

  • Moderators
  • 2918 posts
J'vais encore au plus rapide :

Supprimes l'appel du javascript qui permet de drop down qui doit se trouver dans le TPL de ton bloc catégorie.

V++

Atch

#12
Bliss

    PrestaShop Apprentice

  • Members
  • PipPip
  • 174 posts
Désolée d'abuser de ta patience mais là j'ai pas tout compris .
Comment est ce que je dois faire pour supprimer l’appel du javascript ?
www.evolution2-2alpes.com
www.2alpes-location-de-ski.com

#13
Atch

    PrestaShop Fanatic

  • Moderators
  • 2918 posts
dans le fichiers catégoriesmachintyruc.tpl tu vires les portions de codes avec [removed][removed].

Atch

#14
Bliss

    PrestaShop Apprentice

  • Members
  • PipPip
  • 174 posts
ca c'est mon fichier categoriesbar.tpl

<link href="./modules/categoriesbar/chromestyle.css" rel="stylesheet" type="text/css" media="all" />
[removed][removed]
<!-- Categories Bar module -->


    {foreach from=$categoriesLevel.children item=child name=categoriesLevel}
    {if $smarty.foreach.categoriesLevel.last}
    {include file=$bar_tpl_path node=$child last='true'}
    {else}
    {include file=$bar_tpl_path node=$child}
    {/if}
    {/foreach}


<!-- /Categories Bar module -->
[removed]cssdropdown.startchrome("chromemenu")[removed]



et ca c'est mon fichier category-bar-level.tpl


  • {$node.name|escape:htmlall:'UTF-8'}

    {if $node.children|@count > 0}

      {foreach from=$node.children item=child name=categoriesLevel}
      {if $smarty.foreach.categoriesLevel.last}
      {include file=$tpl_dir./category-tree-branch.tpl node=$child last='true'}
      {else}
      {include file=$tpl_dir./category-tree-branch.tpl node=$child last='false'}
      {/if}
      {/foreach}

    {/if}




  • je ne vois pas de [removed] ????
    www.evolution2-2alpes.com
    www.2alpes-location-de-ski.com

    #15
    Atch

      PrestaShop Fanatic

    • Moderators
    • 2918 posts
    tu peux le mettre en pièce jointe.

    Moi je vois quatre removed lol

    atch

    #16
    Bliss

      PrestaShop Apprentice

    • Members
    • PipPip
    • 174 posts
    Comment tu as fait ??? dans le fichier que je t'ai copié il n'y a pas de [removed ] ??
    Je dois enlever:
    <link href=”./modules/categoriesbar/chromestyle.css” rel=“stylesheet” type=“text/css” media=“all” />
    [removed][removed]

    et

    [removed]cssdropdown.startchrome(“chromemenu”)[removed]
    www.evolution2-2alpes.com
    www.2alpes-location-de-ski.com

    #17
    Bliss

      PrestaShop Apprentice

    • Members
    • PipPip
    • 174 posts
    En fait je voudrais que seul les sous catégories apparraissent .Celles que je ne veux pas voir ce sont les sous catégories des sous catégories . Est que tu crois que c'est toujours possible ?
    quand j'ai essayé de changer les couleurs c'est toutes les sous categories et les sous categories des sous categories qui changent de couleur.
    www.evolution2-2alpes.com
    www.2alpes-location-de-ski.com

    #18
    Atch

      PrestaShop Fanatic

    • Moderators
    • 2918 posts

    From 1247211728:

    Comment tu as fait ??? dans le fichier que je t'ai copié il n'y a pas de [removed ] ??
    Je dois enlever:
    <link href=”./modules/categoriesbar/chromestyle.css” rel=“stylesheet” type=“text/css” media=“all” />
    [removed][removed]

    et

    [removed]cssdropdown.startchrome(“chromemenu”)[removed]


    J'ai rien fait lol.
    C'est le forum qui supprime tous les codes de scripts et remplace par removed.

    Oui supprimes sauf
    <link href=”./modules/categoriesbar/chromestyle.css” rel=“stylesheet” type=“text/css” media=“all” />

    c'est ta feuille de style du menu, gardes la.

    V++

    Atch

    #19
    Atch

      PrestaShop Fanatic

    • Moderators
    • 2918 posts

    From 1247212354:

    En fait je voudrais que seul les sous catégories apparraissent .Celles que je ne veux pas voir ce sont les sous catégories des sous catégories . Est que tu crois que c'est toujours possible ?
    quand j'ai essayé de changer les couleurs c'est toutes les sous categories et les sous categories des sous categories qui changent de couleur.


    T'es sure qu'il n'y a pas une configuration de sous niveau dans ton module categoriesbar ??? car cette option sert à ça.


    Edit : ok je ne voyais pas de sous catégories de niveau2 , mais elles s'affichent sous les sous catégorie de niveau 1.

    T'aurais pas un bug quelque part, car elles ne devraient pas s'afficher avant le survol de la souris et elles devraient se positionner à droite de la colonne.

    regarde mon menu : http://accrogolf.fr/



    V++

    Atch

    #20
    Bliss

      PrestaShop Apprentice

    • Members
    • PipPip
    • 174 posts
    C'est exactement comme ca que je voudrais que mes sous catégories de niveau 2 s'affiche .Tu utilises le même module que moi pour "accrogolf.fr ?

    Dans mon module il n'y a aucune configuration pour les sous menus.
    www.evolution2-2alpes.com
    www.2alpes-location-de-ski.com