Superfish-Menü für JTL-Shop3

c.artner

Aktives Mitglied
10. März 2012
11
0
AW: Superfish-Menü für JTL-Shop3

Hallo,

Hoffe ich kann helfen, habe selber erst das Superfish-Menü eingebaut!

Punkt1:

im templates/"TEMPLATE_NAME"/templates.xml:
unter: <JS Name="jtl3.js">
habe ich diese 3 Zeilen hinzugefügt:
<File Path="js/superfish/superfish.js" />
<File Path="js/superfish/supersubs.js" />

da ich die .js-Dateien in templates/"TEMPLATE_NAME"/js/superfish/ hineinkopiert habe...

desweiteren habe ich bei

<CSS Name="custom.css">
<File Path="themes/base/base.css" />
<File Path="themes/base/page.css" />
<File Path="themes/base/boxes.css" />
<File Path="themes/base/specific.css" />
<File Path="themes/custom/theme.css" />
<File Path="themes/custom/superfish.css" />

hinzugefügt.

Vorteil hierbei du kannst jedes theme mit superfish nutzen, und bei jedem theme auch die superfish.css anpassen (Farbe....)
natürlich muss auch in jedem themes/custom,dark,green,... ein superfish.css vorhanden sein.

Punkt 2:
desweiteren musst du in der tpl_inc/header_custom.tpl folgendes einfügen:

{literal}
<script type="text/javascript">

// initialise plugins
jQuery(function(){
jQuery('ul.sf-menu').superfish({
pathLevels: 1, // the number of levels of submenus that remain open or are restored using pathClass
delay: 400, // the delay in milliseconds that the mouse can remain outside a submenu without it closing
animation: {opacity:'show',height:'show'}, // an object equivalent to first parameter of jQuery’s .animate() method
speed: 'fast', // speed of the animation. Equivalent to second parameter of jQuery’s .animate() method
disableHI: false, // set to true to disable hoverIntent detection
onInit: function(){}, // callback function fires once Superfish is initialised – 'this' is the containing ul
onBeforeShow: function(){}, // callback function fires just before reveal animation begins – 'this' is the ul about to open
onShow: function(){}, // callback function fires once reveal animation completed – 'this' is the opened ul
onHide: function(){}, //callback function fires after a sub-menu has closed – 'this' is the ul that just closed
minWidth: 12, // minimum width of sub-menus in em units
maxWidth: 27, // maximum width of sub-menus in em units
extraWidth: 1 // extra width can ensure lines don't sometimes turn over
});
});

</script>
{/literal}


<!--[if lt IE 7]>

Vergiss die {literal} blos nicht, sonst funktionieren keine Hovereffekte, Pfeile, ...

sowie die:
<!--Superfish-->
<div id="headercat">
<ul class="sf-menu">{$full_category_tree}</ul>
</div>
<!--Superfish-ende-->

<div id="page_wrapper" class="{get_box_layout}">
<div id="content_wrapper">
{/if}

ich habe es hier eingefügt, da ich dass Superfish-Menü alls letztes im Header_wrapper haben wollte

ich hoffe ich konnte helfen

LG

Christian
 

Zillis-Web

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

am 1. Advent (quasi als Adventsgeschenk) gibt es die Anleitungen auf meiner Seite wieder zum Download.
 

vab

Gut bekanntes Mitglied
19. Dezember 2007
527
1
AW: Superfish-Menü für JTL-Shop3

Hallo,

Hoffe ich kann helfen, habe selber erst das Superfish-Menü eingebaut!

Punkt1:

im templates/"TEMPLATE_NAME"/templates.xml:
unter: <JS Name="jtl3.js">
habe ich diese 3 Zeilen hinzugefügt:
<File Path="js/superfish/superfish.js" />
<File Path="js/superfish/supersubs.js" />

da ich die .js-Dateien in templates/"TEMPLATE_NAME"/js/superfish/ hineinkopiert habe...

Das sind nur zwei Zeilen. So nebenbei bemerkt. ;)

Die dritte Zeile wird im gleichen Dokument an anderer Stelle (weiter unten) eingefügt:
desweiteren habe ich bei

<CSS Name="custom.css">
<File Path="themes/base/base.css" />
<File Path="themes/base/page.css" />
<File Path="themes/base/boxes.css" />
<File Path="themes/base/specific.css" />
<File Path="themes/custom/theme.css" />
<File Path="themes/custom/superfish.css" />

hinzugefügt.

Just for Dummies...
 
Zuletzt bearbeitet:

c.artner

Aktives Mitglied
10. März 2012
11
0
AW: Superfish-Menü für JTL-Shop3

richtig, habe nachträglich eine rausgelöscht, weil ich unabsichtlich 2mal die selbe Datei drinnen hatte.

Habe aber vergessen aus 3-->2 zu machen ;)

LG

Ach ja und als Zusatzinfo:

diesen Teil braucht man nicht mal unbedingt, aber um dass Menü besser zu modifizieren ...



pathLevels: 1, // the number of levels of submenus that remain open or are restored using pathClass
delay: 400, // the delay in milliseconds that the mouse can remain outside a submenu without it closing
animation: {opacity:'show',height:'show'}, // an object equivalent to first parameter of jQuery’s .animate() method
speed: 'fast', // speed of the animation. Equivalent to second parameter of jQuery’s .animate() method
disableHI: false, // set to true to disable hoverIntent detection
onInit: function(){}, // callback function fires once Superfish is initialised – 'this' is the containing ul
onBeforeShow: function(){}, // callback function fires just before reveal animation begins – 'this' is the ul about to open
onShow: function(){}, // callback function fires once reveal animation completed – 'this' is the opened ul
onHide: function(){}, //callback function fires after a sub-menu has closed – 'this' is the ul that just closed


und dieser Teil funktioniert nur wenn supersubs.js eingebunden ist:
minWidth: 12, // minimum width of sub-menus in em units
maxWidth: 27, // maximum width of sub-menus in em units
extraWidth: 1 // extra width can ensure lines don't sometimes turn over
 

vab

Gut bekanntes Mitglied
19. Dezember 2007
527
1
AW: Superfish-Menü für JTL-Shop3

oder so...
Meine Interpretation war (musste den Beitrag modifizieren, weil ich "Stress" mit der Zitierfunktion hatte), dass die dritte Zeile weiter unten steht.
Nicht, dass wieder Dummies schreien: Hilfäääääääääääää....... *lach*
 

Zillis-Web

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

Downloads und Tutrials für diejenigen die sich mit Änderungen am Template auskennen - hier entlang.

Für JTL-Neulinge ist dieser Link absolute Pflichtlektüre - sonst klappt der Einbau nicht.
 

Zillis-Web

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

Ankündigung:

Ab 09.12. sind die Seiten entgültig nicht mehr erreichbar. Es gibt mittlerweile genug andere Beiträge und vor allem gute Plugins mit besseren Navigationen, so dass ich die Seiten dicht machen kann. Persönlich werde ich mich auch nur noch um meine privaten Dinge kümmern. Die Zeit mit JTL will ich nicht missen, aber irgendwann ist eben mal Schluss. Weihnachten ist doch immer eine gute Zeit um in sich zu kehren und den einen oder anderen Schlusstrich zu ziehen, ob es eine gute Entscheidung war oder ist - nun das wird die Zukunft zeigen.

Ich wünsche allen hier noch viel Erfolg mit der super Shopsoftware und gute Geschäfte.
 

Raccoon21

Aktives Mitglied
8. Mai 2014
42
0
AW: Superfish-Menü für JTL-Shop3

Gibt es mittlerweile eine Anleitung oder Guide für die neuste Superfish-Version?
Wenn ich das jetzt richtig überflogen habe, dann sind die Datein nicht mehr die selben wie in dieser Anleitung!?
 

John

Sehr aktives Mitglied
3. März 2012
2.058
335
Berlin
AW: Superfish-Menü für JTL-Shop3

Ich habe mal mit "der alten" Anleitung und einem Testshop in einer lokalen XAMPP Installation gespielt. Das geht immer noch 1:1

Ich habe das aber nicht weiter verfolgt, weil sich meine Produktstruktur nicht auf 3-5 Oberkatergoerien runterbrechen lässt und das ist für sinnvollen Einsatz des Menüs nötig.

Interessant wäre es vielleicht im Zusammenhang mit einer Erweiterbarkeit um eigene Bereiche wie CMS Seiten, Bilder etc zum vollwertigen Mega-Menü. Das selbst zu basteln war mir aber bisher zu viel Arbeit. Mit einem fertigen Plugin für ~100,- EUR fährt man da besser, glaube ich.
 

John

Sehr aktives Mitglied
3. März 2012
2.058
335
Berlin
AW: Superfish-Menü für JTL-Shop3

Ja, das sollte es.
Über die Gründe, warum das Standard-Template kein Mega-Menü enthält, lässt sich vortrefflich spekulieren. Ein Schelm, wer hier Protektionismus gegenüber den JTL-Service-Partnern, die diese Funktion als kostenpflichtiges Plugin anbieten, vermutet.
 

prodana

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

Google hat Youtube für etliche Milliarden Dollar gekauft.
Warum sollte JTL nicht das Mega-Menü-PlugIn kaufen und standardmäßig in den Shop integrieren?
Nach dem Motto: Das Nützliche für alle Verfügbar machen!
 

bemos

Aktives Mitglied
21. Januar 2012
20
1
AW: Superfish-Menü für JTL-Shop3

Habe mir die neuste Shop Version gekauft und kann es auch fast nicht glauben .... immer noch keine Horizontale Navigation....ein Armutszeugnis für einen ansonsten so tollen Shop finde ich.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Aufträge: Rechtsklick Menü schließt nicht mehr JTL-Wawi - Fehler und Bugs 0
Neu coustom.css menü Allgemeine Fragen zu JTL-Shop 0
Menü wird nicht angezeigt Einrichtung JTL-Shop5 1
Neu Mobile Template: NEU und SALE in Menü unterbringen? Templates für JTL-Shop 4
Neu Nova Header Farbe geändert - danach Mega Menü leer Templates für JTL-Shop 2
Neu Fehlende Symbole im Shop Menü Allgemeine Fragen zu JTL-Shop 2
Neu Wenn das Mega-Menü öffnet, wurd unter dem Menü der Shop anders gefärbt - wie stylen? Templates für JTL-Shop 8
Neu Konfigurator/Script für "welches ist das richtige Produkt für mich" Allgemeine Fragen zu JTL-Shop 2
Neu Tipps für die Ladbarkeit JTL Shop 5 NOVA? JTL-Shop - Ideen, Lob und Kritik 2
Neu Einkaufspreis Bezug für Produktionsartikel JTL-Plan&Produce - Ideen, Lob und Kritik 6
Neu E-Mail Vorlagen Shop, welche Variable für die Shop-Webseite? Allgemeine Fragen zu JTL-Shop 2
In Diskussion Workflow, um Amazon-Max-Bestand täglich für alle Angebote neu zu setzen JTL-Workflows - Ideen, Lob und Kritik 1
Neu Vorschläge für Umlagerungen in ein FBA Lager, es werden auch Artikel vorgeschlagen, die aktuell keine FBA Artikel sind JTL-Wawi - Fehler und Bugs 0
Neu Pflichtinfo für Bestandskunden: Support & Entwicklung von DHL Versenden in JTL-Shipping JTL-ShippingLabels - Ideen, Lob und Kritik 19
Black Friday – Sonder-Support für Euch! Messen, Stammtische und interessante Events 1
Neu Child Template erstellen für Laufband oberhalb des Headers Technische Fragen zu Plugins und Templates 0
Neu Icons für die Meta-Description JTL-Wawi 1.6 2
Neu Suche Workflow für die nicht weitergabe der E-Mail Adress an den Versanddienstleister JTL-Workflows - Ideen, Lob und Kritik 0
Neu Dropshipping Shop für Bestellungen WaWi soll nicht Federführend sein Shopware-Connector 8
Update von Plugins für JTL-Shop4 auf JTL-Shop5 Upgrade JTL-Shop4 auf JTL-Shop5 3
Neu Preise für Kaufland.de über die Ameise ändern?? JTL-Ameise - Fehler und Bugs 1
Neue Funktion: Vereinfachte Stornierung für Kunden kaufland.de - Anbindung (SCX) 0
Neu Wawi-Datenbankabfrage SUCHE SPALTE für Wert wahr oder falsch ARTIKELATTRIBUT Individuelle Listenansichten in der JTL-Wawi 9
Neu Bild-Import aus Shopware 5 für Varianten / Kindartikel Shopware-Connector 1
Neu Zahlungsarten nur für bestimmte Währungen aktivieren JTL-Shop - Ideen, Lob und Kritik 0
Welcher SQL Server für Version 1,7 ? JTL-Wawi 1.7 5
Neu Automatische Pickliste für Aufträge mit <5 Artikeln mit Packtisch+? Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Neu Amazon Pay Abgleich - Konnte keine Sitzung für den Zahlungsabruf erzeugen Amazon-Anbindung - Fehler und Bugs 0
Neu Extra Benutzer nur für den Worker - normale Benutzer Worker verbieten - Rechte User helfen Usern - Fragen zu JTL-Wawi 2
Neu Rabatt auf Kategorie ab Mindestbestellwert für Kunden im Ausland Allgemeine Fragen zu JTL-Shop 0
Neu Shop 5.1.5 Warnmeldung für MariaDB 10.5.16 - wieso? Betrieb / Pflege von JTL-Shop 2
Rabatte für bestimmte Artikel sperren Einrichtung JTL-Shop5 1
Neu Exportformat für Artikel >100€ Allgemeine Fragen zu JTL-Shop 0
Neu Überverkäufe aktivieren, aber nur für alle Artikel eines Herstellers und nur für eine Verkaufsplattform. Geht das? User helfen Usern - Fragen zu JTL-Wawi 0
Neu VCS-Light Gutschriften für Rücksendungen Amazon-Anbindung - Fehler und Bugs 0
Neu Ameise Rechnungsdaten Export Kunden USt. ID für IGL Lieferungen JTL Ameise - Eigene Exporte 2
Neu Hardware für Lager (PC/Screen) User helfen Usern - Fragen zu JTL-Wawi 2
Neu Artikel für die Lieferantenbestellung summieren Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Exportformat für Digitale Zolldaten - DHL Express ( MyDHL+ Portal) Schnittstellen Import / Export 0
Neu Haken bei Bilder für bestimmte Plattform via SQL-Befehl bei Kindartikel entfernen User helfen Usern - Fragen zu JTL-Wawi 3
Neu Welche Version Woocommerce für Connector WooCommerce-Connector 0
Neu Amazon Einbindung Tutorial gesucht Schritt für Schritt Amazon-Anbindung - Ideen, Lob und Kritik 1
Neu Storno Schaltfläche für Rechnungen User helfen Usern - Fragen zu JTL-Wawi 1
Neu Suche Service Partner für Domain Änderung Betrieb / Pflege von JTL-Shop 2
Produktmerkmale für Shop-Filter (Shopware) JTL-Wawi 1.6 0
Neu Neues FBA Menu "Sendungen" - Gebühr für manuelle Bearbeitung der Verpackungsgruppe bei 2D Barcodes User helfen Usern - Fragen zu JTL-Wawi 4
Neu Bankverbindung auf Rechnungen für Klarna Bestellungen ausblenden Formel in den Darstellungsbedingungen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
In Bearbeitung Systemanforderungen für Fiskal Cloud TSE Allgemeine Fragen zu JTL-POS 1
Neu Unterschiedliche Logos auf Rechnung für unterschiedliche Shops Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 6
Neu Workaround für automatische Umlagerungen zwischen zwei Lagern User helfen Usern - Fragen zu JTL-Wawi 1

Ähnliche Themen