Vertikale Navigation - Pfeil dropdown level-2-child

Thema wurde von Guyonthecouch, 30. September 2016 erstellt.

  1. Guyonthecouch

    Guyonthecouch Erfahrener Benutzer

    Registriert seit:
    17. September 2016
    Beiträge:
    210
    Danke erhalten:
    24
    Danke vergeben:
    93
    Hallo zusammen,

    ich würde gerne in der linken/vertikalen Navigation einen Pfeil bei level-2 Kategorien (welche ebenfalls noch Unterkategorien haben) anzeigen lassen (wie bei level-1).
    Hat jemand eine Idee wie ich das realisiere?

    Viele Grüße
    Cedric
     
  2. Guyonthecouch

    Guyonthecouch Erfahrener Benutzer

    Registriert seit:
    17. September 2016
    Beiträge:
    210
    Danke erhalten:
    24
    Danke vergeben:
    93
    Hat niemand eine Idee? :)
     
  3. Anonymous

    Anonymous Aktives Mitglied

    Registriert seit:
    16. September 2016
    Beiträge:
    37
    Danke erhalten:
    1
    Danke vergeben:
    4
    Würde mir auch weiterhelfen. Dazu noch die Hilfestellung: wie kann eine weitere Ebene der vertikalen Navigation angezeigt werden (level-3)?

    Thanks.
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    20. Juni 2017
    Beiträge:
    152
    Danke erhalten:
    16
    Danke vergeben:
    70
    Ich muss diesen Thread nochmal rauszerren.
    Hat inzwischen jemand eine Idee, wie das geht?
    Guyonthecouch, wie hast Du das gelöst?
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Den Pfeil haben alle Kategorien der ersten Ebene, auch wenn sie keine Unterkategorien haben.
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    20. Juni 2017
    Beiträge:
    152
    Danke erhalten:
    16
    Danke vergeben:
    70
    Ja, aber kann man den Pfeil auch in Ebene 2 bekommen?
    Zum Beispiel um zu kennzeichnen, dass noch eine Ebene 3 kommt?
     
  7. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Dann hast Du die auch bei allen Kategorien der Ebene 2.
    Egal ob es eine 3. Ebene gibt, oder nicht.
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    20. Juni 2017
    Beiträge:
    152
    Danke erhalten:
    16
    Danke vergeben:
    70
    Ja, das weiß ich. Aber das hätte ich eben gerne so :) Nur, wenn es nicht zu kompliziert wird..
     
  9. Claudia Puehringer

    Claudia Puehringer Erfahrener Benutzer

    Registriert seit:
    15. Januar 2012
    Beiträge:
    180
    Danke erhalten:
    4
    Danke vergeben:
    15
    Hallo,

    der Pfeil oder ein anderes Symbol z.B. ein Plus Zeichen "+" wie in der mobile phone resolution sollte nur bei den Kategorien angezeigt werden die auch Unterkategorien haben. Also bei denen die sich in der Navi erweitern wenn man draufklickt. Das leitet den Besucher dazu an reinzuschauen!! Wie im Eyecandy auch.
    Bin da auch auf der Suche nach einer Lösung für die Desktop Auflösung, in der mobile resolution gehts ja auch, also ist die Info "es gibt noch Unterkategorien" auch verfügbar
     
  10. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Ich habe mir mal das css dazu angesehen:
    Das Zeihen kommt durch "before"
    Mobil gibt es selektoen für
    Code:
    .navbar-categories > .navbar-nav li.dropdown:not(.custom) > a:before {
        content: '\e81e';
    }
    Das ist z.B. die Anzeige für ein "+", wenn es Unterkategorien gibt und die Kategorie nicht offen ist.
    Code:
    .navbar-categories > .navbar-nav li.dropdown:not(.custom).open > a:before {
        content: '\e810';
    }
    Das ist das "-" bei geöffneter Oberkategorie
    Und dann gibt es diesen wenn es keine Unterkategorien gibt:
    Code:
    .navbar-categories > .navbar-nav li > a:before {
        content: '\e800';
    }
    Für die PC-Version scheint es aber nur "geschlossen"
    Code:
    .panel > .navbar-categories-left > ul > li > a:before {
    ....
    und "offen"
    Code:
    .panel > .navbar-categories-left > ul > li.dropdown.open > a:before {
    ...
    zu geben, deshalb haben auch alle Kategorien der Ebene 1 das selbe Zeichen,
     
  11. Claudia Puehringer

    Claudia Puehringer Erfahrener Benutzer

    Registriert seit:
    15. Januar 2012
    Beiträge:
    180
    Danke erhalten:
    4
    Danke vergeben:
    15
    Heißt dass durch eintragen ins CSS der erstgenannten definition für mobile in den Bereich für Desktop kriegt man auch dort die Kennzeichnung für Unterkategorien ?
     
  12. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Jain,
    Du würdest dann vermutlich auch andere Styles übernehmen, die Du im Desktop nicht haben möchtest.
    Ich würde eher versuchen das
    li.dropdown:not(.custom)
    in den PC-Style zu bekommen.
     
  13. Claudia Puehringer

    Claudia Puehringer Erfahrener Benutzer

    Registriert seit:
    15. Januar 2012
    Beiträge:
    180
    Danke erhalten:
    4
    Danke vergeben:
    15
    Diesen Eintrag hatte ich mit erstgenannter Definition gemeint.
    Aber muss der dann nicht auch im html des Menüs für die kat Navi referenziert werden?
    Danke für deine Hilfe