Accordion-Kategorien-Navi (Kein Dropdown oder Themenbaum)

[DJ-Ready]

Mal schauen wenn hier im Büro heute nich so viel los ist versuch ich mich mal dran .. könnt ich eigendlich auch gleich bei mir mit einbauen ^_^

[DJ-Ready]

Also ich hab da nochmal ein bisschen mit ru mgespielt und theoretisch funktioniert es.
Erstmal ein kleines Besipiel was soweit funktioniert (Testmässig alles direkt in der index.html geschrieben)

Code: XML  [Auswählen]

  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

  {literal}
  <script>
  $(document).ready(function() {
        $("#CatNavi").accordion({ autoHeight: false, collapsible: false,  event: 'mouseover', navigation: true });
  });
  </script>
  {/literal}

<ul id="CatNavi">
<li class="CatLevel1"><a href="http://localhost/index.php?cPath=3">Kategorie 1 (id 0)</a>
        <ul>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=3_22">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=3_24">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=3_33">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=3_32">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=3_35">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=3_36">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=3_38">Unterkategorie</a></li>
        </ul>
</li>
<li class="CatLevel1 Current"><a class="Currentlink" href="http://localhost/index.php?cPath=1">Kategorie 2 (id 1)</a>
        <ul>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=1_10">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=1_11">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=1_12">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=1_13">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=1_20">Unterkategorie</a></li>
        </ul>
</li>
<li class="CatLevel1"><a href="http://localhost/index.php?cPath=5">Kategorie 3 (id 2)</a>
        <ul>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=5_14">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=5_15">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=5_19">Unterkategorie</a></li>
        </ul>
</li>
<li class="CatLevel1"><a href="http://localhost/index.php?cPath=8">Kategorie 4 (id 3)</a>
        <ul>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=8_14">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=8_15">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=8_19">Unterkategorie</a></li>
        </ul>
</li>
<li class="CatLevel1"><a href="http://localhost/index.php?cPath=9">Kategorie 5 (id 4)</a>
        <ul>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=9_14">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=9_15">Unterkategorie</a></li>
        <li class="CatLevel2"><a href="http://localhost/index.php?cPath=9_19">Unterkategorie</a></li>
        </ul>
</li>
</ul>

(Wenn dein ListPrefix in Adv. Show Category auch auf CatLevel gesetzt ist müsste es auch sofort mit der richtigen Navigationsliste klappen)

EDIT: Es funktioniert

[daredevil]

also ich habe es genauso eingebaut und auch das CatLevel gesetzt doch bei meiner Funktioniert das ganze leider nicht wirklich mit dem Accordion.

Ich nutze Modified shop 1.06sp2

ich habe das direkt in der Index.html eingebaut:

Code: PHP  [Auswählen]

{literal}
  <script>
  $(document).ready(function() {
        $("#CatNavi").accordion({ autoHeight: false, collapsible: false,  event: 'mouseover', navigation: true });
  });
  </script>
  {/literal}

dann habe ich das in der xtc_show_categorie.php von gunnart geändert :

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'             =>      false,
               
                // Dürfen aktive Kategorien weitere Unterkategorien aufklappen lassen?
                'ShowAktSub'            =>      true,
               
                // Kategorien-Tiefe: Wie soll die CSS-Klasse benannt werden?
                'ListPrefix'            =>      'CatLevel', von level (bei level wird die standard navi angezeigt)
               
                // Aktive Kategorie: Soll der Link markiert werden?
                'MarkAktivLink'         =>      false,  von true
                'LinkCurrent'           =>      'Current',
                'LinkCurrentParent'     =>      'CurrentParent',
               
                // Aktive Kategorie: Soll der Listenpunkt markiert werden?
                'MarkAktivList'         =>      false, von true
                'ListCurrent'           =>      'Current',
                'ListCurrentParent'     =>      'CurrentParent',
               
                // Sollen Kategorien mit weiteren Unterkategorien gekennzeichnet werden?
                'MarkSubMenue'          =>      true,
                'SubMenueCss'           =>      'SubMenue',

                // 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?
       
        );

vielleicht habe ich was übersehen wäre super wenn mir da jemand mal Hilfestellung geben kann