Aktive Kategorie hervorheben!

Thema wurde von macnasko, 28. Oktober 2012 erstellt.

  1. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    body #wrap_box.wrap_shop .content-box.categories.submenu ul li a:active
    {
    background-color: #BAB5C9;
    background-image: none;
    background-position: 0px 0px;
    background-repeat: repeat;
    color: #000000;
    }
     
  2. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    und damit wirds richtig schön!
    body #wrap_box.wrap_shop .content-box.categories.submenu ul li a:active
    {
    background-color: #BAB5C9;
    background-image: none;
    background-position: 0px 0px;
    background-repeat: repeat;
    color: #000000;
    font-weight: bold;
    }
     
  3. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Das irretiert mich wenn ich rechts auswählen kann ob excl. oder incl.
     
  4. macnasko
    macnasko Erfahrener Benutzer
    Registriert seit:
    26. November 2011
    Beiträge:
    217
    Danke erhalten:
    18
    Danke vergeben:
    30
    Funktioniert leider nicht.


    Morgen wird ergänzt.
     
  5. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Weder die CSS mit color und font-weight noch die Class active sind eingebunden.
    FTP???
     
  6. macnasko
    macnasko Erfahrener Benutzer
    Registriert seit:
    26. November 2011
    Beiträge:
    217
    Danke erhalten:
    18
    Danke vergeben:
    30
    FTP??? - nein CSS Monitor
     
  7. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    FTP??? ---> kannst du mir den zuschicken? Ich würde mal draufschauen! Per PN wenn möglich.
     
  8. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    OK, danke. Schau mal ob das bei die da ist:

    body #wrap_box.wrap_shop .content-box.categories.submenu ul li a.active

    wenn nicht dann das per CSS-Monitor einfügen:

    body #wrap_box.wrap_shop .content-box.categories.submenu ul li a.active
    {
    background-color: transparent;
    color: #000000;


    }
     
  9. macnasko
    macnasko Erfahrener Benutzer
    Registriert seit:
    26. November 2011
    Beiträge:
    217
    Danke erhalten:
    18
    Danke vergeben:
    30
    Wenn ich
    im CSS Monitor eingebe ist vorhanden

    Code:
    body #wrap_box.wrap_shop .content-box.categories.submenu ul li a:active { 
    background-color: #BAB5C9;
    background-image: none;
    background-position: 0px 0px;
    background-repeat: repeat;
    color: #000000;
    font-weight: bold;
    }
     
  10. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Nein nicht

    body #wrap_box.wrap_shop .content-box.categories.submenu ul li a:active

    sondern die:

    body #wrap_box.wrap_shop .content-box.categories.submenu ul li a.active

    wenn nicht da dann anlegen! Mit den Werten:

    background-color: transparent;
    color: #000000;
     
  11. macnasko
    macnasko Erfahrener Benutzer
    Registriert seit:
    26. November 2011
    Beiträge:
    217
    Danke erhalten:
    18
    Danke vergeben:
    30
    Ich habe beim CSS Monitor, insert Styles - folgendes getippt und gespeichert.
    Code:
    body #wrap_box.wrap_shop .content-box.categories.submenu ul li a.active
    background-color: transparent;
    color: #000000;
    Es kam auch Bestätigung.
     
  12. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    OK, bin gleich so weit!
     
  13. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Das sind nicht alles Hauptkategorien??? Die php-Ausgabe zeigt mir das es alles Unterkategorien sind.
    Wie hast du die Kategorien aufgebaut???
     
  14. macnasko
    macnasko Erfahrener Benutzer
    Registriert seit:
    26. November 2011
    Beiträge:
    217
    Danke erhalten:
    18
    Danke vergeben:
    30
    Ganz normal, nichts geändert .
     
  15. Steffen (indiv-style.de)
    Steffen (indiv-style.de) G-WARD 2013/14/15/16
    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Hast du an den Cacheeinstellungen was verändert???
     
  16. macnasko
    macnasko Erfahrener Benutzer
    Registriert seit:
    26. November 2011
    Beiträge:
    217
    Danke erhalten:
    18
    Danke vergeben:
    30
    nein, aber gerade geleert.
     
  17. macnasko
    macnasko Erfahrener Benutzer
    Registriert seit:
    26. November 2011
    Beiträge:
    217
    Danke erhalten:
    18
    Danke vergeben:
    30
    Nun hoffe ich jetzt ist richtig.
     
  18. Misio
    Misio Mitglied
    Registriert seit:
    20. November 2012
    Beiträge:
    21
    Danke erhalten:
    1
    Danke vergeben:
    2
    Hallo Steffen,

    ich habe hier gerade (seit Stunden) versucht die aktive Kategorie links mit deinem Code mit einer Klasse zu markieren. Es funzt nicht.
    Es liegt bei mir wohl daran, dass ich über $_GET['cat'] die aktuelle Kategorie nicht aus der URL extrahieren. Er liefert mir einfach nichts.
    Hast einen Tipp woran das liegen könnte?

    meine URL in eine Kategorie sieht so aus: shop/index.php?cat=c9_TASTATUR-TASTATUR.html
    Normalweise müsste ich dann doch die übergebene Variable mit $_GET['cat'] abfischen können, oder?


    Verzweifelte Grüße,

    Misio
     
  19. Misio
    Misio Mitglied
    Registriert seit:
    20. November 2012
    Beiträge:
    21
    Danke erhalten:
    1
    Danke vergeben:
    2
    Hat sich erledigt. Habe einfach über StyleEdit bei der Template-Konfiguration dieses hier ausgewählt:

    Kategorie-Anzeige im Menü links aktivieren (ohne Untermenüs)

    dann werden nämlich auch die aktive hauptkategorie mit einer klasse markiert und alles ist gut.

    misio
     
  20. Thomas Mühl
    Thomas Mühl Erfahrener Benutzer
    Registriert seit:
    11. Oktober 2012
    Beiträge:
    60
    Danke erhalten:
    2
    Danke vergeben:
    5
    Hallo, danke Steffen für diese Anleitung. Funktioniert an und für sich gang gut auch für das horizontale Kategorie-Menü. Das einzige Problem das ich nun habe ist, dass das MegaDropdown immer im Cache liegt und somit die erste angeklickte Kategorie so lange mit der Klasse "active" markiert wird, bis ich manuell wieder den Cache leere.

    Hast du dafür eine Lösung? PS: Unter den Cache-Optionen ist überall "Nein" ausgewählt!

    Danke schon mal im Voraus.