MODUL: Aktive Kategorie hervorheben

[noRiddle (revilonetz)]

Lösung, siehe bitte hier: http://www.modified-shop.org/forum/index.php?topic=22984.msg212668#msg212668

Gruß,
noRiddle

[cannewitz]

Hallo. Ich habe dies so gelöst:

in xtc_show_category.inc.php

Code: SQL  [Auswählen]

        IF (TRIM($foo[$counter]['name']) != '' ) {
                $categories_string .= xtc_href_link(FILENAME_DEFAULT, $cPath_new);
                $categories_string .= '">';
    }
       
/* Anzeigen der Kategoriebezeichnung */

       
            IF ( ($id) && (in_array($counter, $id)) ) {
                            $categories_string .= '<span class="ca-kat-anzeige">';
            }
            $categories_string .= $foo[$counter]['name'];
     
            IF ( ($id) && (in_array($counter, $id)) ) {
                            $categories_string .= '</span>';
            }

/* Ende der Kategoriebezeichnung */

        IF (SHOW_COUNTS == 'true') {
                $products_in_category = xtc_count_products_in_category($counter);
                IF ($products_in_category > 0) {

und in der CSS:

Code: CSS  [Auswählen]

/* Kategorie hervorheben*/
.ca-kat-anzeige {background-color:#fbea86;padding:2px;border:1px dotted #26915b;}

zu sehen hier

Gruß.

[noRiddle (revilonetz)]

Ja, kann man so machen,
wobei du deine doppelte if-Abfrage auch mit concatenating in eine Abfrage verkürzen kannst.

Code: PHP  [Auswählen]

/* Anzeigen der Kategoriebezeichnung */
if ( $id && in_array($counter, $id) ) {
    $categories_string .= '<span class="ca-kat-anzeige">' . $foo[$counter]['name'] . '</span>';
} else {
    $categories_string .= $foo[$counter]['name'];
}
/* Ende der Kategoriebezeichnung */

... wenn ich das jetzt beim Überfliegen nicht verkehrt verstanden habe.

An web28's Lösung ist folgendes besser:

- Vernünftige HTML-Struktur à la

Code: XML  [Auswählen]

<ul>
    <li>Hauptkategorie
        <ul>
            <li>Unterkategorie</li>
            <li>Unterkategorie</li>
        </ul>
    </li>
    <li>Hauptkategorie II
        <ul>
            <li>Unterkategorie II</li>
            <li>Unterkategorie II</li>
        </ul>
    </li>
</ul>
 

mit der man auch leicht Flyout-Menus basteln kann.
Die "normale" Struktur ist ja nicht verschachtelt sondern sieht so aus:

Code: XML  [Auswählen]

<ul>
    <li>Hauptkategorie<li>
      <li>Unterkategorie</li>
      <li>Unterkategorie</li>
    <li>Hauptkategorie II</li>
      <li>Unterkategorie II</li>
      <li>Unterkategorie II</li>
</ul>
 

was völlig unüblich und, was ein "modding" der Menustruktur anbelangt, auch kontraproduktiv ist.

Zweiter Vorteil:
- Die Parent- (= Haupt- oder Eltern-) Kategorien haben eine eigene Klasse wodurch man die Hauptkategorien anders stylen kann als die Unterkategorien.
Beispiel: hier

Das hat web28 klasse gelöst finde ich.

Gruß,
noRiddle

[Toby]

Hi noRIddle,
wo ist denn die komplette Lösung von web28?

[cannewitz]

Hallo noRiddle.
Erst mal danke für den Hinweis -> Abkürzen 
Was du aber zu der Liste Navigation sagst (Design) ist so nicht ganz richtig ...
In der Styles sind doch die einzelnen Listenpunkte mit einer Class festgelegt. Also kann da auch Haupt- und Untergruppe unterschiedlich gestaltet werden. Oder habe ich da was falsch verstanden?

Siehe:

Code: CSS  [Auswählen]

ul#categorymenu { ...}

/* 1st TIER */
ul#categorymenu li.level1 { =Hauptgr.}


/* 2nd TIER */
ul#categorymenu li.level2 { =Untergr.1}

usw. bis "Stufe 5" =Untergr.4

So könnte ich der ul ; der li ; und dem level von border bis background und text-style alles erdenkliche zuorden, oder?

Gruß. 

[noRiddle (revilonetz)]

@cannewitz
Es geht doch darum die aktiven Kategorien mit Styles zu versehen.
Dafür reichen die classes level1, level2 usw. nicht aus.
Die sind ja immer da.
Schau dir doch mein oben verlinktes Beispiel mal an.

@Toby
Schau mal bitte hier:
http://www.modified-shop.org/forum/index.php?topic=22984.msg212886#msg212886
Hatte weiter oben den Link zu dem Thread mit dem Link zum Trunk bereits gepostet. (super Satz..)

Gruß,
noRiddle

[cannewitz]

Hallo noRiddle.
Ich kann da nichts besonderes sehen ... habe vieleicht was an den Augen?
Aber mit den vorhandenen Mitteln sind auch unterschiedliche Darstellungen möglich.

Code: CSS  [Auswählen]

/* Kategorie hervorheben*/
.ca-kat-anzeige {font-style:italic;font-weight:normal;font-family:comic sans ms}
.level1 .ca-kat-anzeige {background-color:#C1FFC1;padding:4px;border:1px dotted #26915b;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
.level2 .ca-kat-anzeige {background-color:#f0e68c;padding:3px;border:1px dotted #26915b;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.level3 .ca-kat-anzeige {background-color:#b0e0e6;padding:2px;border:1px dotted #26915b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

und hier das Beispiel ... 

Gruß.

[noRiddle (revilonetz)]

Stimmt, behaupte, wenn zwar nicht das Gegenteil, so aber doch, daß du recht hast .
Die Verbindung der beiden classes level* und ca-kat-anzeige erfüllt den Zweck.
Gebe mich geschlagen 

Wo kannst du denn "nichts besonderes sehen" ?,
habe ich nicht verstanden.

Gruß,
noRiddle

*NACHTRAG*
Wir haben aber noch die bessere Menustruktur auf "unserer" Seite ...

[cannewitz]

*NACHTRAG*
Wir haben aber noch die bessere Menustruktur auf "unserer" Seite ...

Stimmt ... coole Sache 

Wo kannst du denn "nichts besonderes sehen" ?,

Ich meine dein Beispiel der Navi von web28.
[Nachtrag] OK mit Brille habe ich jetzt gesehen, das der Rahmen rechts überlappt ... hm 2px sind für "ohne Brille" nicht ganz klar zu sehen. 

Gruß.

[noRiddle (revilonetz)]

Naja, man sieht doch in dem Beispiel, daß jede parent-Kat eine eigene Klasse hat und darüber hinaus noch die aktive Kat eine eigene Klasse hat,
und das abhängig vom level.
Damit kann man alles stylen wie man will, nicht ?

Das heißt ich kann z.B. den Level auf dem ich gerade bin besonders hervorheben
- in meinem Beispiel ist der Menupunkt leicht nach rechts positioniert -
und trotzdem den Pfad-Baum hervorheben.

Gruß,
noRiddle

[cannewitz]

OK wo du recht hast, sollst du es auch bekommen 
Ich bin der Meinung, die vorhandenen Codes und ein wenig Geschick ... da geht so manches ohne gleich grundsätzlich was zu ändern. Bin aber noch nicht fertig ---
Wenn ich dem li 'nen Rahmen gebe die Breite nicht verändere und nach rechts verschiebe, so habe ich den gleichen Effekt des Versatzes. Will nur jetzt nicht gleich wieder was im Shop ändern  ...  der Bruder tritt mir sonst in den "Allerwertesten" 

Gruß.

[noRiddle (revilonetz)]

Es geht ja nicht um "verschieben" oder nicht
sondern darum, daß man bei deiner Variante die aktive Kat nicht ansprechen kann.
Du kannst den Kat-Baum stylen "Kindergarten" "Möbel" "Tische Holz", kannst aber ja nicht die aktive Kat markieren da du vorher nicht weißt wie tief der Kunde im Baum geklickt hat.
Du hast jetzt level3 rot gemacht, die aktive Kat ist aber aber eben nur rot wenn man auf level3 ist.
Wenn du z.B. nur auf "Möbel" klickst ist "Möbel" nicht rot, hoast mi ?

Gruß,
noRiddle

*NACHTRAG*
Außerdem sehe ich gerade, daß wenn man aus einer Kat auf einen Artikel geht (product_info), die Sub-Kats bei dir verschwunden sind und folglich auch die Markierung der Kat in der man sich befindet...

[cannewitz]

Hallo noRiddle.
Schon etwas spät am Sonntag ... mogen ist 3:50 die Nacht zu ende, also kurz:
Ich habe nun jeder aktiven Kat im Baum eine "Kerze" hinterlegt und der 2. Unterkat zusätzlich die Schrift rot gemacht (kl. Spielerei eben) aber eben nur dieser. Also werden doch die Aktiven im Baum hervorgehoben (zusäzlich Schatten), oder?
Bei dem Aufruf der Beschreibung hatte ich beim Anlegen der Kategorien einen Denkfehler  , welcher mich noch immer verfolgt: Kat "alle Produkte" nur für Admin sichtbar angelegt und Artikel eingefügt -> dann nur noch in die einzelnen "öffentlichen" Kats verlinkt. Dadurch nun keine Anzeige im Navi-Baum bei der Produktbeschreibung. Bin aber immer noch dabei dies umzuändern. 

Gruß.

[zoidborg]

Ich würde gerne nur alle Kategorien ausgeklappt anzeigen; ohne jegliche Zusatzfunktion die mir mein Template zerhaut.

Geht das auch?

[emin]

Hallo!

Habe es bei der derzeit aktuellsten version probiert, klappt auch so weit so gut

aaaaaaber:

die unteren Kategorien die ich bei MinLevel eingestellt habe werden immer nur ausgeklappt, wenn:

- ich bereits auf eine Kategorie geklickt habe
- ich als admin eingeloggt bin

auf der Startseite sieht man also nur die Hauptkategorieren

Bitte um Hilfe