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
820
0
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.387
21
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
137
2
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
4
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
225
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 Burger Menü verschwindet ab zweiter Ebene JTL-Shop - Fehler und Bugs 1
Neu Reiter fehlen plötzlich im seitlichen Menü Verkauf / F6 ( 1.5.36.2 ) JTL-Wawi - Fehler und Bugs 3
Neu Schriftstil von Menü-Unterpunkten ändern Templates für JTL-Shop 0
Neu Im Nachhinein Dropdown-Menü anlegen User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL5.1.1 Nova-Template mit Child Mobiles Menü Templates für JTL-Shop 6
Neu Shop 5 NOVA Template - Menü ohne Kategorien Allgemeine Fragen zu JTL-Shop 4
Neu Registerkarten Tab-Navigation UND Akkordeon-Menü deaktivieren Einrichtung JTL-Shop5 7
Neu Übersetzungsplugin für JTL Shop 5 Plugins für JTL-Shop 3
Neu Slider Plugin wie z.B. Slider Revolution für WP Plugins für JTL-Shop 0
Neu 👉Votet für uns!👈 News, Events und Umfragen 0
Neu PayOne für JTL-Shop 5 Plugins für JTL-Shop 0
In Diskussion Erweiterte Eigenschaft für ASIN reinholen vom Amazon JTL-Workflows - Ideen, Lob und Kritik 0
Webinar - Verbesserte Usability mit dem easyTemplate360 für JTL-Shop 5 Messen, Stammtische und interessante Events 0
Zettle & JTL-POS: Die perfekte Kombination für Eure Kasse Messen, Stammtische und interessante Events 0
In Diskussion korrekten MwSt.-Satz für Versand erteilen JTL-Workflows - Ideen, Lob und Kritik 0
Neu NOVA - welche css Variable für Hintergrund? Installation / Updates von JTL-Shop 1
Neu Freelancer / Berater für Shopware 6 Connector & mehr gesucht Dienstleistung, Jobs und Ähnliches 0
Neu JTL-Wawi 1.6. Lager für Auslieferung sperren User helfen Usern - Fragen zu JTL-Wawi 0
Neu Individuelle Kundenpreise für Vartiationsartikel Arbeitsabläufe in JTL-Wawi 0
Neu Einstellung JTL Shop für google bei verkauften Artikeln Allgemeine Fragen zu JTL-Shop 5
Neu Unterschiedliche Galeriebilder für versch. Ebay plattformen(de,es,fr...) Einrichtung und Installation von JTL-eazyAuction 1
Neu Einzelne Bilder für Plattform deaktivieren Schnittstellen Import / Export 0
Neu UPS Economy - neuer kostengünstiger Tarif von UPS für den weltweiten Versand JTL-ShippingLabels - Ideen, Lob und Kritik 0
Neu komplette Variablenliste für Exportformate in JTL Shop 5 Betrieb / Pflege von JTL-Shop 1
Beantwortet DHL Retour für Amazon JTL-ShippingLabels - Fehler und Bugs 5
Neu Amazon Lagerung und Versand für eine handvoll Produkte - Kosmetik Dienstleistung, Jobs und Ähnliches 7
Neu Alternative für NOVA wie die freien Evo Themes von bootswatch.com? Templates für JTL-Shop 1
Neu Wie mache ich eine Abfrage für eine Checkbox? Allgemeine Fragen zu JTL-Shop 7
Neu Pfad für Exportformate ändern Technische Fragen zu Plugins und Templates 5
Neu Amazon Lagerung und Versand für eine handvoll Produkte - Kosmetik - ohne JTL Business Jungle 0
Neu JTL-Track&Trace Open Beta für DPD Releaseforum 0
Neu UVP in Variantionen für Amazon & Dezimalproblem User helfen Usern - Fragen zu JTL-Wawi 0
Neu Tabelle für mobile Ansicht - Responsive Tabelle User helfen Usern - Fragen zu JTL-Wawi 0
Neu 💙 Neues Plugin: Warenkorb-Button Plus (für JTL-Shop 4 und JTL-Shop 5) Plugins für JTL-Shop 2
Neu 💙 Neues Plugin: Payment & Shipping Icons Plus (für JTL-Shop 4 und JTL-Shop 5) Plugins für JTL-Shop 0
Neu Bei Globalen Vorlagen für den Lieferschein die Bankdaten ausblenden Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
In Bearbeitung [WAWI-57886] WF für Stornierte Rechnungen JTL-Workflows - Ideen, Lob und Kritik 1
Neu Workflow erstellen nach Rechnungsdruck für: User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL-Wawi 1.6 Abonnements - Mehrere Position für ein und das selbe Abo User helfen Usern - Fragen zu JTL-Wawi 0
In Bearbeitung Kassen Tastatur für JTL POS? JTL-POS - Fragen zu Hardware 6
Neu Shopware - UST-ID (Pflicht)Angabe für einzelne Länder möglich ? Shopware-Connector 2
Neu data-live-search="true" für custom-select selectpicker in variation.tpl möglich? Technische Fragen zu Plugins und Templates 2
Neu Shopauskunft Plugin für Shop 4 Plugins für JTL-Shop 3
Neu Exportformate / Versandkosten für Lieferland (ISO-Code): CH JTL-Shop - Fehler und Bugs 1
Beantwortet Warum wird für {$Artikel->fMindestabnahme} kein Wert ausgegeben? Betrieb / Pflege von JTL-Shop 2
Neu Eigenes Feld für AZ Preise - welchen Datentyp nehmen? Amazon-Lister - Ideen, Lob und Kritik 2
Gelöst Artikelattribute durch Armeise importieren für Unicorn2 JTL-Ameise - Fehler und Bugs 1
Neu Amazon will Ablaufdatum für normale Produkte und permanent decimal Error Amazon-Anbindung - Fehler und Bugs 4
Neu Gibt es keine "eigene Felder" für Vorgänge wie Angebot, Auftrag, Rechnung etc.? Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
In Diskussion Kartenterminal für JTL-POS JTL-POS - Fragen zu Hardware 4

Ähnliche Themen