MODUL: jQuery Superfish - horizontale Navigation

[karsta.de]

Naja, man kann einfach besser verstehen und helfen, wenn man sieht worüber man sich hier unterhält.
Habe mir mal eben das Originalpaket nochmal runtergeladen.

Bei mir hatte ich da was geändert und so sieht es bei mir aus:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
{if $BOX_CONTENT != ''}
<div  id="categorymenu_top">
{$BOX_CONTENT}
</div>
{/if}

und in der Ausgabe im Quelltext so:

Code: PHP  [Auswählen]

<div  id="categorymenu_top">
<ul>
<li class="level1"><a href="http://www.XXXX.de">Startseite</a></li>
<li class="level1"><a href="http://www.XXXX.de/account.php">Mein Konto</a></li>
<li class="level1"><a href="http://www.XXXX.de/products_new.php">Neueste Artikel</a></li>
</ul>
</div>

<div  id="categorymenu_top">

<ul class='topmenu'>
<li class="level1"><a href="http://www.XXXX.de/c40_CD.html">CD</a>
        <ul>
        <li class="level2"><a href="http://www.XXXX.de/Alternative.html">Alternative</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Jazz.html">Blues & Jazz</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Dance.html">Dance</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Electronic.html">Electronic</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Hip-Hop---Rap.html">Hip-Hop & Rap</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Kindermusik.html">Kindermusik</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Pop.html">Pop</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Pop-aus-Deutschland.html">Pop aus Deutschland</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Rock.html">Rock</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Rock---Pop.html">Rock & Pop</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Soundtrack.html">Soundtrack</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Weihnachtsmusik.html">Weihnachtsmusik</a></li>
        <li class="level2"><a href="http://www.XXXX.de/Weltmusik.html">Weltmusik</a></li>
        </ul>
</li>
</ul>

</div>
<br clear="all" />

Der Level bestimmt das Verhalten (Anhordnung der Buttons) mittels CSS. Habe es allerdings nur per CSS realisiert ohne javascript.

kgd

[peterpan19]

Ok, habe nun alle 20 Seiten gelesen, aber es will einfach nicht. Ich möchte das als vertikale Navigation einbinden und alle Haupkategorien direkt geöffnet haben, nur die Unterkategorien sollen bei mouseover aufklappen. Im Testshop geht es nicht, entweder habe ich nur "Kategorie" angezeigt und alles klappt erst bei mouseover aus, oder alles ist ausgeklappt und sieht nicht wiklich gut aus.
Wäre sehr nett, wenn mir jemand helfen könnte. Eingabaut lt. Anweisung, lediglich in der index.html folgenden Code eingefügt:

Code: PHP  [Auswählen]

                <ul id='menu' class='sf-menu sf-vertical'>
                   <li><a href="#">Katalog</a>
      {$box_CATEGORIES_SUPERFISH}
   </li></ul>

Danke und Gruß

[peterpan19]

Hat denn niemand eine Idee 

[thomas57]

Ok, habe nun alle 20 Seiten gelesen, aber es will einfach nicht. Ich möchte das als vertikale Navigation einbinden und alle Haupkategorien direkt geöffnet haben, nur die Unterkategorien sollen bei mouseover aufklappen. Im Testshop geht es nicht, entweder habe ich nur "Kategorie" angezeigt und alles klappt erst bei mouseover aus, oder alles ist ausgeklappt und sieht nicht wiklich gut aus.
Wäre sehr nett, wenn mir jemand helfen könnte. Eingabaut lt. Anweisung, lediglich in der index.html folgenden Code eingefügt:

Code: PHP  [Auswählen]

                <ul id='menu' class='sf-menu sf-vertical'>
                   <li><a href="#">Katalog</a>
      {$box_CATEGORIES_SUPERFISH}
   </li></ul>

Danke und Gruß

Hallo peterpan19
Das Menue superfish als vertikales Menue anzeigen zu lassen, erfordert noch einige Dateien. Ich nehme mal an das Du diese auch installiert hast.
In der index.html deines Themes;

Code: PHP  [Auswählen]

  <div id="contentwrap">
    {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
         <div id="leftcol">
         {*$box_CATEGORIES*}
         {$box_CATEGORIES_SUPERFISH}
          {*$box_ADD_QUICKIE*}
          {*$box_CONTENT*}
          {*$box_INFORMATION*}
          {*$box_LAST_VIEWED*}
          {*$box_REVIEWS*}
          {*$box_SPECIALS*}
          {*$box_WHATSNEW*}
       </div>
      {/if}

einmal so einfügen.
Die _box_categories_superfish.html nach Deinen Wünschen umbauen.
Bei _categories_superfish.php die Styleelemente so verändern, ca Zeile 216;

Code: PHP  [Auswählen]

$CatNaviStart = "\n<ul id='menu' class='sf-menu sf-vertical'>\n";

Dann sollte es so angezeigt werden:
[ Für Gäste sind keine Dateianhänge sichtbar ]

[peterpan19]

Hallo Thomas, vielen Dank für deinen Tip! Kann es leider erst heute spät am Abend oder gar morgen ausprobieren. Werde mich dann noch mal melden.
Danke!!!
Gruß
Frank

[peterpan19]

Funktioniert leider immer noch nicht. Immerhin habe ich es einen Schritt weiter geschafft, das Kategoriemenu wird schon mal angezeigt. Aber die Unterkategorien klappen nicht aus.
Ich habe das mal in einem komplett neu aufgesetztem 1.06-r4642 Shop getestet, da funktioniert es nicht richtig, die Unterkategorie klappt sich nicht nach rechts aus, sondern nach unten in das Kategoriemenu.
Damit das Menu nach rechts ausklappt muss ich in der index.html die entsprechenden stylesheets laden:

Code: PHP  [Auswählen]

    <link rel="stylesheet" href="{$tpl_path}css/superfish.css" type="text/css" />
 <link rel="stylesheet" href="{$tpl_path}css/superfish-vertical.css" type="text/css" /> {$box_CATEGORIES_SUPERFISH}
 

Die stylesheets sind im jquery superfish Paket enthalten.
So funktioniert es dann im frisch aufgesetztem Shop. Dann muss ich mir jetzt mal die Unterschiede neuer-alter Shop raussuchen...
Gruß

[peterpan19]

So, Fehler gefunden.
In der Datei xtc_show_category_superfish.inc hatte ich die Einstellung falsch, selber schuld 

Code: PHP  [Auswählen]

'MaxLevel'                      =>      false,

hatte ich auf true gestellt.
Gruß

[peterpan19]

Nachtrag: in der general.js soll folgendens eingetragen werden:

Code: PHP  [Auswählen]

<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/superfish.js"></script>
<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/supersubs.js"></script>
<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/hoverIntent.js"></script>
 

Aber nach aktuellem Stand der Programmierung sollte es doch so sein:

Code: PHP  [Auswählen]

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/superfish.js" type="text/javascript"></script>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/supersubs.js" type="text/javascript"></script>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/hoverIntent.js" type="text/javascript"></script>
 

Gruß

[John_Delay]

Hallo peterpan19,

hmmm ... meiner Meinung nach ist die Reihenfolge der Attribute doch vollkommen Wurst ... oder? Lasse mich aber gerne eines Besseren belehren.

Gruß, Ingo

[peterpan19]

Da bin ich mir leider auch nicht so sicher, da ich php und javascricpt nicht so gut kann, daher habe ich diesen Hinweis gepostet. Es funktioniert mit beiden Schreibweisen -zumindest im lokalen Testsystem-, sieht aber besser aus, wenn es einheitlich ist im Code.
Gruß
Frank

[noRiddle (revilonetz)]

Reihenfolge der Attribute ist völlig egal.

Gruß,
noRiddle

[peterpan19]

Danke noRiddle für den Hinweis!
Gruß

[peterpan19]

Hat mich etwas gestört, dass die aktive Kategorie nicht hervorgehoben wird.
Lösung, inder Datei xtc_show_category_superfish.inc.php
ändern von false auf true:

Code: PHP  [Auswählen]

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

Und dann in der superfish.ccs hinzufügen:

Code: PHP  [Auswählen]

.sf-menu a.Current {
        font-weight:bold;
}

z.B. fette Schriftanzeige, nach Bedarf anpassen.
Gruß

[svenyo]

Hallo,

das superfish Menu in unserem Shop hält den ganzen Laden auf! Ohne Superfish sind die Ladezeiten ca.1-3sek. mit Superfish Menu braucht er ewig 12-14sek sind keine Seltenheit.
www.magnetschliessen-shop.de

Kann man hier irgendwie Abhilfe schaffen?

Danke im voraus.

Gruß,
Sven

[lzwerch]

Ich kenne den genauen Code nicht, aber die Zweispaltigkeit sollte sich erreichen lassen, indem man dem <li> eine feste Breite gibt und ihn dann "floaten" lässt.

Hallo,

ich glaube diese Frage wurde leider noch nicht komplett beantwortet.
Über die Suche hier im Forum habe ich diese Frage zwar häufiger gefunden, aber keine
passende Antwort (wo z.B.  das "float" hin soll).

Es soll eine feste Breite eingetragen werden und der float auf left, aber in welcher Datei und
an welche Stelle?

Danke..
                     ciao  Lzwerch