Accordion-Kategorien-Navi (Kein Dropdown oder Themenbaum)

[Benny]

Hi Leute,

hier im Forum hab ich über die Suche schon einige Themen zu einer geteilten Navi, einer Themenbaum-Navi per CSS oder einem Drop-Down Menü gelesen.

Jedoch suche ich nach einer Möglichkeit, auf Klick (wahrscheinlich per JS) eine bereits ausgeklappte CAT wieder eingeklappt wird.

Im Prinzip sollte dies über ne Ausblendung möglich sein.

Jedoch hab ich von JS so absolut keine Ahnung.

Die andere Richtung ist ja nicht notwendig, denn wenn man auf eine Kategorie klickt, öffnet diese sich sowieso ^^.

Kennt da jemand ein Modul, Script oder jemand nen Ansatz/Idee oder jemand mag mir helfen?

Gruß,
Benny



Linkback: https://www.modified-shop.org/forum/index.php?topic=6337.0

[Tomcraft]

Hallo Benny,

schau mal hier: "Concertina Slide Fly" Menu für Kategorien

Grüße

Torsten

[DJ-Ready]

Also wenn du Advanced Show Category benutzt kannst du Unterkategorien als nested list in der Navigation haben anstatt nur eine <ul> Liste mit verschiedenen Classes.

z.B. so:

Code: XML  [Auswählen]

<ul id="CatNavi">
<li class="CatLevel1"><a href="http://oberkategorie.html">Oberkategorie 1</a>
        <ul>
        <li class="CatLevel2"><a href="http://irgendwas.html">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://irgendwas.html">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://irgendwas.html">Unterkategorie</a></li>
        </ul>
<li class="CatLevel1"><a href="http://oberkategorie.html">Oberkategorie 2</a>
        <ul>
        <li class="CatLevel2"><a href="http://irgendwas.html">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://irgendwas.html">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://irgendwas.html">Unterkategorie</a></li>
        </ul>
<li class="CatLevel1"><a href="http://oberkategorie.html">Oberkategorie 3</a>
        <ul>
        <li class="CatLevel2"><a href="http://irgendwas.html">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://irgendwas.html">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://irgendwas.html">Unterkategorie</a></li>
        </ul>
</li>
</ul>
 

Damit, und mit dem jQuery Bespiel von Torsten (modified eCommerce Shopsoftware jQuery Dateien evtl. vorher auf neuere Version updaten!), kannst du theoretisch ein Accordion Menu eigentlich recht einfach einbauen.

Ich selbst benutze einen aufklappbaren div Container auf der Startseite um einen längeren Text zu "verbergen" der auch mit jQuery "geöffnet" wird (damit man nicht gleich erschlagen wird von einer Textwand beim Öffnen der Seite).

Und jQuery ist ja von Haus aus schon bei modified eCommerce Shopsoftware mit dabei.

[Benny]

Danke Ihr beiden, nun muss Ich nur noch die "xtc_show_category.inc.php" meinen Wünschen nach anpassen, sodass mehrere <ul>-Elemente für die Ebenen generiert werden.

Vielen Dank nochmal.

[Benny]

Ok die zusätzliche <ul> ist über gunnART's geregelt.
Leider hapert es nun am Einbau des Accordions, aber nun gut, bleibt es erstmal so.
Vielleicht komme ich später noch einmal auf eure Hinweise zurück.

[fishnet]

Ich habe hier noch die advanced_show_category.php von gunnART, allerdings noch von 2008.... vielleicht hat ja jemand Lust, die mit der aktuellen Datei von modified eCommerce Shopsoftware zusammen zu mantschen ?  

[Tomcraft]

Gibt es doch auch hier zum Download: Advanced Show Category 2.0 für xt:Commerce

Grüße

Torsten

[speedy]

Das ist ja die Version von 2008 wie er sagte.
Das Ganze mal für modified eCommerce Shopsoftware angepasst, wäre schon nicht verkehrt.
Man sieht ja im Forum, dass immer wieder einige damit zu kämpfen haben.

[Tomcraft]

Und was ist da nun der Unterschied?!

Grüße

Torsten

[speedy]

Ein Ready-to-Use-Paket meinte er halt, angepasst auf modified eCommerce Shopsoftware.
Entpacken, hochladen, Farben ändern, glücklich sein.

[fishnet]

Grob gesagt, die alte categories.php von gunnART konnte man noch einfach so in einen 3.04 SP2.1 Shop hoch laden (plus die restlichen Änderungen).
In einem modified eCommerce Shopsoftware Shop geht das nicht mehr. Ohne groß nachgeschaut zu haben würde ich also tippen, dass die categories.php von modified eCommerce Shopsoftware sich von der von modified eCommerce Shopsoftware unterscheidet und somit kann man die alte categories.php von gunnART in dieser Form nicht mehr für modified eCommerce Shopsoftware gebrauchen (jedenfalls nicht als DAU).

[speedy]

Das CSS kommt dann noch dazu, das fehlt ja komplett und kriegt der Laie nicht so einfach hin

[DJ-Ready]

naja css musste halt selber anpassen aber der rest macht bei der installation keinerlei probleme .. bei mir hats sofort alles geklappt soweit ich mich erinnern kann

[speedy]

Joa, das hatte ich schon mal gemacht. Brauch die Geschichte auch nicht selbst.
Das war nur ein Gedanke, um anderen (Anfängern) hier mal eine runde, fertige Sache anzubieten.

[Benny]

Hab's eingebaut, da is nur minimal was an der Configuration in der "xtc_show_category.inc.php" zu ändern gewesen.

Code: PHP  [Auswählen]

$CatConfig = array(

                // Bis zu welcher Ebene soll der Kategorien-Baum standardmäßig
                // aufgeklappt sein?
                // false, wenn er komplett ausgeklappt sein soll.
                'MaxLevel'                      =>      1,

                // Leere Kategorien verstecken? true: ja, false: nein
                'HideEmpty'             =>      true,

                // Dürfen aktive Kategorien weitere Unterkategorien aufklappen lassen?
                'ShowAktSub'            =>      true,

                // Kategorien-Tiefe: Wie soll die CSS-Klasse benannt werden? //Originalwert: CatLevel
                'ListPrefix'            =>      'level',

                // Aktive Kategorie: Soll der Link markiert werden?
                'MarkAktivLink'         =>      false,
                'LinkCurrent'           =>      'Current',
                'LinkCurrentParent'     =>      'CurrentParent',

                // Aktive Kategorie: Soll der Listenpunkt markiert werden?
                'MarkAktivList'         =>      false,
                'ListCurrent'           =>      'Current',
                'ListCurrentParent'     =>      'CurrentParent',

                // Sollen Kategorien mit weiteren Unterkategorien gekennzeichnet werden? //Originalwert: SubMenue
                'MarkSubMenue'          =>      true,
                'SubMenueCss'           =>      '',

                // Automatische Zuteilung einer CSS-ID (für den Listenpunkt)
                'ShowCssIdList'         =>      false,
                'CssPrefixList'         =>      'MyCat',

                // Automatische Zuteilung einer CSS-ID (für den Link)
                'ShowCssIdLink'         =>      false,
                'CssPrefixLink'         =>      'MyCatLink',

                // Darstellung Produktzählung, falls eingeschaltet
                'CountPre'                      =>      '<em>(',
                'CountAfter'            =>      ')</em>',

                // Tags außerhalb des Links?
                'LinkPre'                       =>      false,          // z.B. '<div>',
                'LinkAfter'                     =>      false,          // z.B. '</div>',

                // Tags innerhalb des Links?
                'NamePre'                       =>      false,          // z.B. '<span>',
                'NameAfter'                     =>      false,          // z.B. '</span>',

                // Soll die Überschrift nach Css-Markern à la {#class:EinName#}
                // durchsucht werden? So kann man z.B. einzelne
                // Links speziell gestalten.
                'CssMarkersToList'      =>      false,          // Gefundene Marker zur Liste?
                'CssMarkersToLink'      =>      true            // Gefundene Marker zum Link?

        );
 

Hauptänderungen sind nur der "ListPrefix" und "MarkAktivLink" / "MarkAktivListe".
Dann ging es ^^

Nur das einklappen per JS bekam ich nicht hin.

Die Änderungen sind in minimaler Zeit gemacht.