Jump to content

[Résolu]Liens des sous sous catégories barre de Nav Presta 1.6.0.5

claudie
 Share

Recommended Posts

claudie Newbie

claudie

Posted
Posted (edited)

Bonjour à tous,

 

Je cherche à enlever les sous sous catégories qui s'affichent sous forme de liens dans la barre de navigation (uniquement là)

 

J'ai cherché un peu partout dans le module catégorie, mais je n'ai rien trouvé.

 

Une piste serait la bienvenue.

 

D'avance merci

Edited by claudie (see edit history)
Link to comment
Share on other sites
2FR3 Newbie

2FR3

Posted
Posted

C'est vrai que ce n'est pas tres claire pour tout le monde mais en fait c'est plutot simple :)

Il faut remplacer les categories que vous avez selectionnées a gauche puis deplacer a droite par des url que vous creer vous meme.

Pour cela, ils vous faut copier tout simplement l'url de vos categories et creer les liens qui apparaitront donc a gauche puis les selectionner et les mettre a droite, ainsi vous n'aurez plus le systeme de menu deroulant.

Link to comment
Share on other sites
claudie Newbie

claudie

Posted
  • Author
Posted

C'est vrai que ce n'est pas tres claire pour tout le monde mais en fait c'est plutot simple :)

Il faut remplacer les categories que vous avez selectionnées a gauche puis deplacer a droite par des url que vous creer vous meme.

Pour cela, ils vous faut copier tout simplement l'url de vos categories et creer les liens qui apparaitront donc a gauche puis les selectionner et les mettre a droite, ainsi vous n'aurez plus le systeme de menu deroulant.

 

Bon comme parfois je ne suis pas très rapide... voilà un exemple

 

Chocolat noir   Chocolat Blanc   Chocolat au lait  etc ça c'est la barre de navigation

Lapin Écureuil Canard etc ça c'est les catégories de la barre de navigation qui sont "rattachées" à Chocolat Noir

Jusque là tout va bien

Mais si l'on créer une catégorie dans Lapin alors elle s'affiche sous forme de lien dans ladite barre de navigation. Hors j'en ai au moins 150... je vous laisse imaginer.

Par contre ces "sous catégories" peuvent s'afficher, comme c'est le cas actuellement dans la colonne de droite et sur la page principale.

 

Donc, pour faire simple, je n'ai pas bien compris votre explication et j'en suis désolé. Je souhaite juste supprimer le lien de la "sous catégorie" dans la barre de navigation. Mais conserver le reste.

 

Car pour déjà l'utiliser sous cette forme là, le reste est parfait.

 

Bien entendu l'exemple avec du chocolat et purement fortuit :)

 

Et encore merci d'avoir déjà répondu

Link to comment
Share on other sites
2FR3 Newbie

2FR3

Posted
Posted

Oui Claudie, car je vous est mis sur une mauvaise voie, il s'agissait du module categorie dans mon dernier post et vous c'est de la barre de navigation qu'il s'agit.

Ceci dit, j'ai reussi assez facilement a réalisé votre demande sur la 1.6, donc quelle est votre version ?

Tout se passe dans le CSS du module bloctopmenu ou il faut ajouter un hidden pour ul li li.

Link to comment
Share on other sites
claudie Newbie

claudie

Posted
  • Author
Posted

Oui Claudie, car je vous est mis sur une mauvaise voie, il s'agissait du module categorie dans mon dernier post et vous c'est de la barre de navigation qu'il s'agit.

Ceci dit, j'ai reussi assez facilement a réalisé votre demande sur la 1.6, donc quelle est votre version ?

Tout se passe dans le CSS du module bloctopmenu ou il faut ajouter un hidden pour ul li li.

Bonjour,

 

Oui effectivement il s'agit bien e la version 1.6

 

Je me doutais (un peu seulement) que l'intervention devait se faire au niveau des css

 

Je regarde ça de prêt 

 

Encore merci et bonne journée

Link to comment
Share on other sites
claudie Newbie

claudie

Posted
  • Author
Posted

Bonjour,

 

J'avais le même souci mais uniquement avec les sous-catégories, que j'ai pu résoudre grâce à vous, en ajoutant un : display:none; dans le .sf-menu ul li du CSS.

 

Merci encore.

 

 

Oui Claudie, car je vous est mis sur une mauvaise voie, il s'agissait du module categorie dans mon dernier post et vous c'est de la barre de navigation qu'il s'agit.

Ceci dit, j'ai reussi assez facilement a réalisé votre demande sur la 1.6, donc quelle est votre version ?

Tout se passe dans le CSS du module bloctopmenu ou il faut ajouter un hidden pour ul li li.

 

 

Bonjour,

 

Malgré des explications aussi précises je ne parviens pas à faire la modif...pas terrible je sais !!!

 

Voici le code et si vous pouviez m'indiquer à quel endroit je dois mettre soit : visibility:hidden; ou encore display:none; car quelque soit l'endroit rien n'y fait :

 

/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
}
.sf-right {
  margin-right: 14px;
  float: right;
  width: 7px;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
margin: 10px 0;
padding:0;
width:980px;/* 980 */
background: #383838;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
border-right: 1px solid #777;
}
.sf-menu a {
display: block;
position: relative;
color:#fff;
text-shadow:0 1px 0 #333;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 34px; /* match top ul list item height */
z-index: 99;
width:auto
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
 
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
display:block;
margin-right:2px;
padding: 0 22px 0 20px;
line-height:34px;
border: 0;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color: #fff;
white-space:nowrap;
}
.sf-menu li li {
background: rgba(113, 113, 113, 0.9);
}
.sf-menu li li li {
background: rgba(113, 113, 113, 0.9);
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #4E4E4E;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
background: #4e4e4e;
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: 10px;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top: 11px;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
 
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
 
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('../img/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-bottom-left-radius: 17px;
-moz-border-top-right-radius: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
li.sf-search {
  background: inherit;
  float: right;
  line-height: 25px;
}
li.sf-search input {
  -moz-border-radius: 0 5px 5px 0;
  padding: 3px 0;
  padding-left: 20px;
  margin: 6px 6px 0 0;
  background: #fff url('../img/search.gif') no-repeat left center;
  border:1px solid #777
}
 
/* hack IE7 */
.sf-menu a, .sf-menu a:visited {height:34px !IE;}
.sf-menu li li {
width:200px;
background:#726f72 !IE;
}

 

Encore merci

Link to comment
Share on other sites
claudie Newbie

claudie

Posted
  • Author
Posted

Tout dépend, en fait, du fichier CSS du module que vous souhaitez modifier. Pour ma part, j'ai modifié le fichier super-modified.css du module BLOCKMEGAMENU

 

Peut-être qu'un lien vers votre site pourrait aider...

 

je suis en local...

 

Cela concerne les sous sous catégories dans la barre de navigation (Presta 1.6)

 

Je ne souhaite pas qu'elles apparaissent dans ladite barre de navigation, mais qu'elles apparaissent uniquement sur la page principale.

 

Le code que j'ai affiché correspond au blocktopmenu css superfish-modified et c'est là que j'essaie de faire mes modifs

 

Je ne trouve pas le Blockmegamenu

 

Merci

Link to comment
Share on other sites
Carlos F Newbie

Carlos F

Posted
Posted
 

 

/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
}
.sf-right {
  margin-right: 14px;
  float: right;
  width: 7px;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
margin: 10px 0;
padding:0;
width:980px;/* 980 */
background: #383838;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
border-right: 1px solid #777;
}
.sf-menu a {
display: block;
position: relative;
color:#fff;
text-shadow:0 1px 0 #333;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 34px; /* match top ul list item height */
z-index: 99;
width:auto
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
 
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
display:block;
margin-right:2px;
padding: 0 22px 0 20px;
line-height:34px;
border: 0;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color: #fff;
white-space:nowrap;
}
.sf-menu li li {
background: rgba(113, 113, 113, 0.9);
display:none;
}
.sf-menu li li li {
background: rgba(113, 113, 113, 0.9);
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #4E4E4E;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
background: #4e4e4e;
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: 10px;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top: 11px;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
 
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
 
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('../img/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-bottom-left-radius: 17px;
-moz-border-top-right-radius: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
li.sf-search {
  background: inherit;
  float: right;
  line-height: 25px;
}
li.sf-search input {
  -moz-border-radius: 0 5px 5px 0;
  padding: 3px 0;
  padding-left: 20px;
  margin: 6px 6px 0 0;
  background: #fff url('../img/search.gif') no-repeat left center;
  border:1px solid #777
}
 
/* hack IE7 */
.sf-menu a, .sf-menu a:visited {height:34px !IE;}
.sf-menu li li {
width:200px;
background:#726f72 !IE;
}

 

Encore merci

 

Essayez peut-être dans sf-menu li li  (voir ligne en rouge ci-dessus)

Link to comment
Share on other sites
claudie Newbie

claudie

Posted
  • Author
Posted (edited)

Bonjour à tous,

 

Malheureusement le fait de pas utiliser le cache en modification de css ne fonctionne pas.

 

Par contre voilà ce que j'ai pu trouver avec firebug en selection la sous sous catégorie dans la barre de navigation :

 

  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  padding-right: 10px;
}
 
et un peu plus bas
 
color: #7777777;
display : inline-block;
font-size: 13 px;
font-weight: bold;
line-height: 16px;
padding-bottom: 10 px;
position: relative;
 
Si l'on modifie display: inline-block (ligne 73) alors là et bien cela fonctionne (en Firebig bien évidement)
 
Seulement voilà, quelque soit l'éditeur de texte la ligne 73 n'existe pas dans les css   :ph34r:.
 
Y compris dans le thème choisit, en l’occurrence le 9.
 
Voici également un lien avec la solution proposé par Coeos.pro, mais qui, visiblement, ne fonctionne pas sous la version 1.6.
 
Alors si quelqu'un sait où je peux aller chercher ce fameux inline block de la ligne 73, je suis preneur.
 
D'avance merci
Edited by claudie (see edit history)
Link to comment
Share on other sites
  • 1 year later...
lechapelier Apprentice

lechapelier

Posted
Posted (edited)

Petit déterrage mais ça pourrait être utile.

 

Pour masquer une sous catégorie du menu haut horizontal en laissant la catégorie active.

 

Plus simple dans le même fichier du thème superfish-modified.css, ajouter:

 

#block_top_menu ul li li li ul {display:none!important;}

 

A mettre en bas de page, le nombre de "li" défini la profondeur d'arborescence donc à ajuster selon la ligne que vous voulez masquer en plus ou en moins.

 

fonctionne avec presta 1.6.1.4.

Edited by lechapelier (see edit history)
Link to comment
Share on other sites
  • 1 month later...
david34000 Newbie

david34000

Posted
Posted

Bonjour, 

 

Je dirai même très utile ! Je tiens à te remercier pour cette petite astuce qui mine de rien est pas si facile à trouver ! 

 

Petit déterrage mais ça pourrait être utile.

 

Pour masquer une sous catégorie du menu haut horizontal en laissant la catégorie active.

 

Plus simple dans le même fichier du thème superfish-modified.css, ajouter:

 

#block_top_menu ul li li li ul {display:none!important;}

 

A mettre en bas de page, le nombre de "li" défini la profondeur d'arborescence donc à ajuster selon la ligne que vous voulez masquer en plus ou en moins.

 

fonctionne avec presta 1.6.1.4.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...