Superfish-Menü für JTL-Shop3

Zillis-Web

Guest
So ich hatte ja irgendwann einmal versprochen für den Shop3 den Einabu des Superfisch-Menü zu kommentieren.

Zu aller erst einmal alle Dateien die hier benötigt werden sichern!!!
geändert werden müssen folgende Dateien, alle nur aus dem entsprechenden Template:
JTL-Shop3-Tiny/php/functions.php
JTL-Shop3-Tiny/themes/euer-theme/tpl-inc/header.tpl

Als nächstes im Admin in der Templateeinstellung die Kategorienansicht "Alle Kategorien aufklappen" auf "Ja" stellen.

Die Zipdatei aus dem Anhang entpacken, den Ordner superfish kopieren nach JTL-Shop3-Tiny/themes/euer-theme/js/ die ccs-Datei kopieren nach JTL-Shop3-Tiny/themes/euer-theme/

Änderung an der functions.php wie folgt vornehmen:
diesen Code in der Originaldatei suchen (ca. Zeile 191)
Code:
$title='';
        //Kategorie selektiert?
        if ($RestArray[count($RestArray)-1]->kKategorie == $Kategorie->kKategorie) {
            if ($Kategorie->cBeschreibung) { $title = ' title="'.truncate(strip_tags($Kategorie->cBeschreibung), 80).'"'; }
            $html.='<li'.($has_subcategories?' class="node active'.$class_first.'"':' class="active'.$class_first.'"').'><a href="'.$Kategorie->cURL.'" class="'.$css_classname.'"'.$title.'><span>'.$Kategorie->cName.'</span></a>';
            if($has_subcategories) {
                $html.='<ul class="subcat">'.get_categories(array_pop($RestArray), $RestArray, $tiefe+1, $current_cat_key, $KategorieBox, $include_nonselected_subcategories).'</ul><!-- / subcat -->';
            }
            $html.='</li>';
        }
        else { //Nicht-selektierte Kategorie
            if ($Kategorie->cBeschreibung) { $title = ' title="'.truncate(strip_tags($Kategorie->cBeschreibung), 80).'"'; }
            $html.='<li'.($has_subcategories?' class="node'.$class_first.'"':( $class_first != "" ? ' class="'.$class_first.'"' : '')).'><a href="'.$Kategorie->cURL.'"'.$title.' '.$css_class.'><span>'.$Kategorie->cName.'</span></a>';
            if($include_nonselected_subcategories && $has_subcategories) {
                $html.='<ul class="subcat">'.get_categories($Kategorie, $RestArray, $tiefe+1, $current_cat_key, $KategorieBox, $include_nonselected_subcategories).'</ul><!-- / subcat -->';
            }
            $html.='</li>';
        }
    }
    return $html;
}
und mit diesem hier ersetzen:
Code:
$title='';
        //Kategorie selektiert?
        if ($RestArray[count($RestArray)-1]->kKategorie == $Kategorie->kKategorie) {
            if ($Kategorie->cBeschreibung) { $title = ' title="'.truncate(strip_tags($Kategorie->cBeschreibung), 80).'"'; }
            $html.='<li><a href="'.$Kategorie->cURL.'"'.$title.'>'.$Kategorie->cName.'</a>';
            if($has_subcategories) {
                $html.='<ul>'.get_categories(array_pop($RestArray), $RestArray, $tiefe+1, $current_cat_key, $KategorieBox, $include_nonselected_subcategories).'</ul>';
            }
            $html.='</li>';
        }
        else { //Nicht-selektierte Kategorie
            if ($Kategorie->cBeschreibung) { $title = ' title="'.truncate(strip_tags($Kategorie->cBeschreibung), 80).'"'; }
            $html.='<li><a href="'.$Kategorie->cURL.'"'.$title.'>'.$Kategorie->cName.'</a>';
            if($include_nonselected_subcategories && $has_subcategories) {
                $html.='<ul>'.get_categories($Kategorie, $RestArray, $tiefe+1, $current_cat_key, $KategorieBox, $include_nonselected_subcategories).'</ul>';
            }
            $html.='</li>';
        }
    }
    return $html;
}
Änderungen in der header.tpl, suchen nach:
Code:
<link type="image/x-icon" href="{$currentTemplateDir}themes/base/images/favicon.ico" rel="shortcut icon"/>
erstetzen mit:
Code:
<link type="image/x-icon" href="{$currentTemplateDir}themes/base/images/favicon.ico" rel="shortcut icon"/>
<link type="text/css" href="{$currentTemplateDir}themes/#euer-theme#/superfish.css" rel="stylesheet" media="screen" />
suchen nach:
Code:
<script type="text/javascript" src="{$currentTemplateDir}js/jtl.basket.js"></script>
ersetzen mit:
Code:
<script type="text/javascript" src="{$currentTemplateDir}js/jtl.basket.js"></script>
    <script type="text/javascript" src="{$currentTemplateDir}js/superfish/superfish.js"></script>
    <script type="text/javascript" src="{$currentTemplateDir}js/superfish/superfish-menu.js"></script>
Damit ist mal alles geladen was benötigt wird. Da die Anzeige der Kategorien bei mir im Header abgelegt ist und diese horizontal genutzt wird, habe ich auch in der header.tpl den folgenden Code eingefügt:
Code:
<div id="headcats">
              <ul class="sf-menu">{$full_category_tree}</ul>
            </div>
div id="headercats" muss in eurem Standardtemplate ergänzt werden, die class="sf-menu" ist in der Datei superfish.css definiert.
Bei mir ist das ganze basierend auf Theme blue im Bereich #header_wrapper abgelegt und lautet:
Code:
#headcats { position:absolute; bottom:10px; left:0; width:98%; z-index:95 }
Wichtig ist hier die Definition z-index! Da die Wrapper in den Themes auf z-index:100 stehen muss hier ein Wert unter diesem gewählt werden. Damit ist gewährleistet, dass das Menü auch im Vordergrund aufgerufen wird.

Menüanpassungen erfolgen alle in der Datei superfish.css.
Nähere Erklärungen für das Menü an sich findet in diesem Link.

Ich hoffe mal Ihr kommt damit zurecht. Leider wird durch die Änderungen der Templatedateien die Upgradefähigkeit ein wenig eingeschränkt, aber wie man das nun Plugin hinbekommt weiß ich nicht.

Gruß Uwe

Da ich die zip-Datei hier nicht reinbekomme bitte hier runterladen.
 

Jolo

Sehr aktives Mitglied
26. Februar 2007
1.957
2
AW: Superfish-Menü für JTL-Shop3

Geht das auch wenn die Kats weiterhin links bleiben?
Habe mich mit dem Teil noch nie befasst...
 

Zillis-Web

Guest
AW: Superfish-Menü für JTL-Shop3

Ich habe die Zip noch mal erneuert. Da ist jetzt eine Datei superfish_vertical.css dabei. Diese muss für die verteikale Ansicht der Kategorienbox in der headre.tpl geladen werden und entsprechend angepassen.
Dann kann das Menü auch in der jetzigen Katbox genutzt werden.
 

Zillis-Web

Guest
AW: Superfish-Menü für JTL-Shop3

Was ich noch vergessen habe, das Menü wird auch perfekt angezeigt wenn Javascript nicht aktiv ist, es fehlen dann halt nur die fading- bzw. show-effekte auf der Strecke. Aber 100-prozentige Funktion ohne aktiven JS.
 

prodana

Gut bekanntes Mitglied
30. Oktober 2008
821
1
AW: Superfish-Menü für JTL-Shop3

Ich habe das ganze mal für die Kategorien in der regulären Kategoriebox ausprobiert - funktioniert leider nicht.

In welcher Datei muss etwas geändert/angepasst werden, wenn sich die Kategorien nicht wie bei daedalus in der horizontalen Kopfleiste befinden?
 

Zillis-Web

Guest
AW: Superfish-Menü für JTL-Shop3

Bis zu diesem Punkt muss alles gleich sein:
Code:
<div id="headcats">

Der Rest muss angepasst werden, an die jeweiligen Verhältnisse. Kann aber im Moment nicht testen was und wie. Allerdings kannst Du bestimmt den Teil mit headcats mal raus lassen, da Du über die Kategorienbox bereits eine Listenstruktur hast. Musst da nur schauen, dass der Code
Code:
<ul class="sf-menu">{$full_category_tree}</ul>
zustande kommt.
 

mastertango

Sehr aktives Mitglied
10. Oktober 2009
2.475
42
Wustrow
AW: Superfish-Menü für JTL-Shop3

ganz doofe und ganz nervige Frage..... geht das auch ohne Probleme in Modi-Art zu integrieren? Wenn nein .... wer traut sich zu das anzupassen?
 

Zillis-Web

Guest
AW: Superfish-Menü für JTL-Shop3

War das nicht in früheren Versionen bereits drin im Modi-Art.
Leider verfüge ich nicht über das Template, sonst könnte ich sicher mal drüberschauen.

Gruß Uwe
 

Heiko

Aktives Mitglied
25. November 2006
198
0
Hannover
AW: Superfish-Menü für JTL-Shop3

Hallo,

bei mir gibt es nach den Anpassungen nur ein Kategoriewirrwarr in der linken KatBox, bzw. im Header. Dort werden je nach Einstellung "alle Kat. aufklappen" sämtlich Unterkat. als Textlinks angezeigt.
So schön wie gewollt ist das Ergebnis bei mir nicht.
Was habe ich falsch gemacht ?

Danke schonmal !
Heiko
 

Zillis-Web

Guest
AW: Superfish-Menü für JTL-Shop3

das klingt als würden die ccs-Lassen nicht geladen, bitte überprüfen ob die css-Datei da ist wo sie hin soll, bzw. die Pfade stimmen.
 

Heiko

Aktives Mitglied
25. November 2006
198
0
Hannover
AW: Superfish-Menü für JTL-Shop3

Die Menus habe ich nun im Template, allerdings im unteren Bildschirmbereich.
Wie bekomme ich die nach oben in den Header ?

Ich stehe zur Zeit irgendwie auf dem Schlauch.

Heiko
 

andesch

Gut bekanntes Mitglied
17. Dezember 2007
149
5
AW: Superfish-Menü für JTL-Shop3

Der obige Link zu Download funktioniert leider nicht mehr.

Hat irgendjemand noch die letzte Zip-Datei parat?

Danke :)
 

Zillis-Web

Guest
AW: Superfish-Menü für JTL-Shop3

Die sind nicht mehr da weil das so wie darin enthalten nicht ging.

Ich mache gerade auf einem Demoshop etwas fertig, um dann das ganze besser und genauer dokumentieren zu können. Ich bitte noch um etwas Geduld.
 

Günther

Sehr aktives Mitglied
29. November 2007
1.099
5
Augsburg
AW: Superfish-Menü für JTL-Shop3

Hallo,
dumme Frage, geht das ganze auch als Plugin?
Wenn nicht, werde ich hoffnungsvoll auf deinen Doku warten.
Hoffentlich wird die Geschichte nicht zu schwierig für mich.
Günther
 

Zillis-Web

Guest
AW: Superfish-Menü für JTL-Shop3

Mal so ganz pauschal gesagt:

Alles was im ersten Post steht komplett vergessen!

Die Änderungen in der functions.php werden NICHT gebraucht.
Als Plugin hatte ich das mal versucht, funktioniert aber aus verschiednen Gründen nicht, hauptsächlich wegen dem Hook 140 im <head> nicht.

Nur Geduld, es gibt hier ja einige die das Dingens auch im Modi-Art haben wollen. Das bekomme ich Moment aber leider nicht so zum Laufen.
 

Zillis-Web

Guest
AW: Superfish-Menü für JTL-Shop3

So um mal ein bisschen Appetit zu machen hier ein Link zum Träumen:biggrin:.

Nee Blödsinn, wenn ich es schaffe kommt bis zum Wochende der Einbau.

In dem Link ist die aktuelle Version des Modi-Art-Wai, vielen Dank an David Hannappel an dieser Stelle, mit 2 Kategorieboxen und dem Superfish-Menü in vertikaler Ansicht.

Wie an anderer Stelle bereits erwähnt muss ich das Ding nur noch in Betrieb testen, ich hoffe das der Gute der gemeint ist gerade mal ein bisschen hat.
 

Zillis-Web

Guest
AW: Superfish-Menü für JTL-Shop3

Weil durch den Aufruf im Head-Bereich die Validierung des W3C total im Ar... war. Ich hatte das hier im Forum angefragt und von euch die Antwort bekommen, dass da was noch nicht so funktionieren könnte. Habe das aus dem Grund halt wieder anders gelöst, was solls. Finde nur gerade das Thema nicht.
 

ag-websolutions.de

Sehr aktives Mitglied
29. Dezember 2009
14.548
232
AW: Superfish-Menü für JTL-Shop3

ach jetzt....hook140 kastriert /> zu > wodurch es nicht mehr xHTML valide ist

What's the odds

deswegen würde ich nicht auf eine Plugin-Einbindung verzichten
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu S: Plugin Dropdown-Menü für meine Kategorien Plugins für JTL-Shop 10
Schnittstelle für Zalando, Kaufland und Otto JTL-Wawi 1.9 5
Neu Die Kennzeichnungspflicht für schwere Pakete kommt am 1.1.2025 JTL-ShippingLabels - Ideen, Lob und Kritik 0
Neu Ausgabeweg => Beschreibungen werden nicht von JTL Wawi gezogen für Shop/ebay/sonst was User helfen Usern - Fragen zu JTL-Wawi 3
Neu SQL Vartable für Reservierte Artikel gesucht User helfen Usern - Fragen zu JTL-Wawi 2
Herstellername / Verantwortliche Person für die EU für Kaufland kaufland.de - Anbindung (SCX) 1
Neu Umfrage: Scanpflicht auf Artikelebene (Nur für bestimmte Artikel aktivieren/deaktivieren) JTL-WMS / JTL-Packtisch+ - Ideen, Lob und Kritik 0
Neu Workflow und Version für Vorhaben Starten mit JTL: Projektabwicklung & Migration 2
Neu Rabatt für Bundles Allgemeine Fragen zu JTL-Shop 2
Neu Suche Dienstleister für Rechnungsvorlage, MwSt Sätze User helfen Usern - Fragen zu JTL-Wawi 0
Provisionsabrechnung für Vertrieb JTL-Wawi 1.9 1
Beantwortet Kosten für Aufträge aus Shopware 5 Shopware-Connector 1
Neu Artikelbestände für Stücklistenartikel blockieren User helfen Usern - Fragen zu JTL-Wawi 2
Neu Attribute für EWR Pflichtangaben - otto.de User helfen Usern - Fragen zu JTL-Wawi 2
Neu Amazon Lister 2.0 Fehlercode: SLR402 Bild "1.jpg" für das Angebot mit SKU "xxxxx" auf Channel "AMAZONDEJTL" wurde nicht gefunden Amazon-Lister - Ideen, Lob und Kritik 0
Neu Variable für Zulaufdatum User helfen Usern - Fragen zu JTL-Wawi 1
Neu Wichtige Infos zu GPSR-Attributen für JTL-eazyAuction und kommende JTL-Wawi Version 1.9.6.0 Einrichtung und Installation von JTL-eazyAuction 50
Welche Einstellung für "Überverkäufe nicht mehr möglich" wenn "alle Lagerbestände null" sind. JTL-Wawi 1.9 5
Neu Preisdarstellung: keine „ab“-Preise mehr mit Staffelpreisen für Produkte ohne Variationen (JTL Shop 5.3.3) Allgemeine Fragen zu JTL-Shop 1
Attribute für EWR Pflichtangaben (ab 13.12.2024) auf den Marktplätzen otto.de & kaufland.de Otto.de - Anbindung (SCX) 8
Neu GTIN/EAN für mehrere Artikel verwenden Arbeitsabläufe in JTL-Wawi 2
Rabatt für einzelnen Kunden einrichten JTL-Wawi 1.9 2
Neu Artikeletikett für Kinderartikel drucken mit GTIN Barcode funktioniert nicht User helfen Usern - Fragen zu JTL-Wawi 12
Neu Vorlage für Angeboten Rechnungsbetrag ändern Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu EVRI Label für Versand nach UK - wer benutzt es? Business Jungle 2
Nur bestimmte Bilder für einen Marktplatz aktivieren (Hood.de) JTL-Wawi 1.8 2
Neu Drucker für WMS getauscht - Zollpapiere werden nicht gedruckt JTL-ShippingLabels - Ideen, Lob und Kritik 1
Variable für Kundengruppe Allgemeine Fragen zu JTL-Shop 6
Neu Beschreibung für Amazon ohne HTML Inhalte Arbeitsabläufe in JTL-Wawi 3
Hilfe gesucht für Änderung der internen Schlüsselnummern! JTL-Wawi 1.9 8
Neu Manueller Worklfow Rechnung für Mahnung, wie den offenen Rechnungsbetrag bei Teilrechnung ausgeben? JTL-Workflows - Ideen, Lob und Kritik 1
Tipps für effiziente Änderungen bestehender Artikel JTL-Wawi 1.7 2
Neu Bilder für alle Plattformen verwenden User helfen Usern - Fragen zu JTL-Wawi 8
Neu JTL WaWI abgleich mit Amazon für Deal Day & Black Friday User helfen Usern - Fragen zu JTL-Wawi 1
Onpage composer Texte für Merkmal Seiten Einrichtung JTL-Shop5 1
Neu Amazon Lister 2.0 - Code 99016 - Ein Maximum von 1 Vorkommen (oder Vorkommnissen) ist für das Attribut color zulässig Amazon-Lister - Fehler und Bugs 1
Neu Anbindung von JTL an Onlinehandel für GPSR (Produktsicherheit) Schnittstellen Import / Export 3
Sonderpreise für den Otto Marktplatz übertragen Otto.de - Anbindung (SCX) 1
Neu Suche Tipps für Plesk Settings Installation / Updates von JTL-Shop 0
Neu Dokumentenzufuhr für Vorlagen auswählen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Gutscheinübersicht zu Stichtag für den Jahresabschluss Allgemeine Fragen zu JTL-Vouchers 4
In Diskussion Workflow für Liefertag Wareneingang? JTL-Workflows - Ideen, Lob und Kritik 2
Neu XML Export Artikel Stammdaten für Mercateo Schnittstellen Import / Export 1
Neu Wareneingang für eine "Variobox" richtig buchen User helfen Usern - Fragen zu JTL-Wawi 3
Neu Workflow - Wert "Netto-EK" im Auftrag auf 0,00 € setzen für eine bestimmte Kundengruppe User helfen Usern - Fragen zu JTL-Wawi 1
Neu Umsetzung von JTL Plan & Produce für das Unternehmen Dienstleistung, Jobs und Ähnliches 2
In Bearbeitung Aktueller Prozess für einen sauberen Umtausch Allgemeine Fragen zu JTL-POS 8
Lieferschein Formel für Datum JTL-Wawi 1.9 3
Gelöst Für Datev Export, Konto 4400 ändern Allgemeine Fragen zu JTL-POS 7
Neu Statistik für Anfänger User helfen Usern - Fragen zu JTL-Wawi 9

Ähnliche Themen