Marc_E
21. Januar 2019 um 15:30
1
Hallo und Guten Tag,
da es bei mir/uns bis zu 5 Kategorie-Ebenen gibt, möchte ich gerne die linke Sidebar-Navigation so darstellen, dass
nur aktive Menüpunkte mit seinen Unterkategorien dargestellt werden.
Momentan sieht es ja so so aus:
Ziel soll so sein so:
Also nur die aktiven Kategorien einblenden. Unterste Ebene kann wie auf dem Bild mit inaktiiven Links dargestellt werden.
Geht das und wie gehe ich am besten vor? Mit LESS?
Danke und beste Grüße
hds
22. Januar 2019 um 15:49
2
Marc_E
26. Januar 2019 um 16:21
3
@hds schrieb:
Vielleicht hilft dir das hier weiter https://forum.shopware.com/discussion/comment/197495/#Comment_197495
Danke für Deine Antwort. Der folgende ode bewirkt bei mir nur, dass es einen anderen Hintergrund gibt.
@media screen and (min-width: @desktopViewportWidth){
.sidebar-main {
padding-top:.5rem;
.sidebar--categories-navigation {
margin-bottom: 1.25rem;
box-shadow: 0 0 0 rgba(0,0,0,0.05);
background-color: #f6f6f6;
border-color: #555;
border-style: solid;
border-width: 1px 0 2px;
list-style-type: none;
margin: 0rem 0rem .625rem 0rem;
padding: 1.875rem .625rem .625rem .625rem;
border-radius: 5px;
.sidebar--navigation .navigation--entry{
display:none;
&.is--active {
display:block;
border: none;
.navigation--entry {
display:block;
}
}
}
}
}
}
Habe ich etwas übersehen?
In dem verlinkten Post ist sogar direkt ein passenden Plugin verlinkt
Viele Grüße
hds
26. Januar 2019 um 16:34
5
Hab das noch mal getestet, bei mir funktioniert es, angezeigt wird dir nur die aktive Kategorie, background-color kannst du auch weg lassen.