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
35
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
1.769
254
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
1.769
254
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
18
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 Fehlermeldung bei Sprachenauswahl über das Admin-Menü | leere Sprache vorhanden? JTL-Wawi - Fehler und Bugs 3
Menü auf der Linken Seite ausblenden Einrichtung JTL-Shop5 1
Neu Shop5 - Produkt Detailansicht - Dropdown Menü - Preise von Kindartikeln ausblenden Betrieb / Pflege von JTL-Shop 0
Neu JTL-Shop5 ... Kategorie-Menü in Seitenleiste per OnMouseOver aufklappen Templates für JTL-Shop 4
Neu JTL SHOP 5 unter Mobile IOS Safari verschwindet das Menü beim Scrollen JTL-Shop - Fehler und Bugs 7
Im Mobile Menü die Kategorien anzeigen Einrichtung JTL-Shop5 2
Neu Burger Menü soll sich aktuelle Kategorie merken Templates für JTL-Shop 1
Neu Plugin Connector für eigene Felder mit Typ Datum Technische Fragen zu den JTL-Connectoren 0
Neu Shop-Abgleich nur für Bestellungen und Zahlungen Onlineshop-Anbindung 0
Neu Klaviyo für JTL SHOP Allgemeine Fragen zu JTL-Shop 0
Neu Teilrechnungen für den Zoll Arbeitsabläufe in JTL-Wawi 0
Neu Umsatzberichte für Onlineshop Kategorien herausfinden Individuelle Listenansichten in der JTL-Wawi 0
Neu Wo gibt es DotLiquid-Variablen für die neue Standardvorlage? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Import Merkmale in Merkmalverwaltung für weitere Sprache Schnittstellen Import / Export 0
Neu Merkmal für Variationen in Artikelübersicht anzeigen Allgemeine Fragen zu JTL-Shop 5
Neu Freelancer für JTL-Shop5 Template Designanpassung, E-Mail Design, weitere Themen gesucht Dienstleistung, Jobs und Ähnliches 0
Neu Connectorfreigabe für Shopware 5.7.7 Shopware-Connector 0
Neu JTL Ameise - Bestandsexport für Buchhaltung (Artikeldatenexport) JTL-Ameise - Ideen, Lob und Kritik 2
Webinar: Unser neues Shopware5-Plugin für das JTL-Fulfillment Network inklusive Live-Demonstration Messen, Stammtische und interessante Events 0
Neu Optimale Bildgröße für Produktbilder und Videos Installation / Updates von JTL-Shop 7
Webinar: Page-Speed-Optimierung für JTL-Shop 5 Messen, Stammtische und interessante Events 0
Neu JTL Shop 5 Exportvorlage für Facebook Allgemeine Fragen zu JTL-Shop 6
Neu Umlagerungen werden mit UK Adresse erstellt statt für DE Amazon-Anbindung - Fehler und Bugs 0
Neu Dotliquid in Angebotsvorlagen für Pflicht-Merkmale Einrichtung und Installation von JTL-eazyAuction 4
Neu Kennwort für Artikel Plugins für JTL-Shop 5
Neu Individuelle Rabattstaffeln für Kunden JTL-Wawi - Ideen, Lob und Kritik 3
Neu Lager für die Einlagerung sperren möglich? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Welchen Server für JTL Shop 5 ? User helfen Usern - Fragen zu JTL-Wawi 12
Neu Textbausteine für Ebay / Kundenanfragen User helfen Usern - Fragen zu JTL-Wawi 1
Neu Report.CustomerText für Rechnungen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu Workflow für Ebay Kundenanfragen möglich ? User helfen Usern - Fragen zu JTL-Wawi 0
Neu Artikel reserviert für Aufträge die es nicht gibt (abgebrochene Ebaykäufe) User helfen Usern - Fragen zu JTL-Wawi 4
Neu Wawi 1.6.33.1 Preise nicht korrekt für den Onlineshop JTL-Ameise - Fehler und Bugs 4
Neu Bezeichnung von Wareneingangsplatz beibehalten für Lagerplatz Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 1
Neu Plugin Bonuspunkte Treuepunkte für JTL 5 Plugins für JTL-Shop 0
Neu Eigener Versand wird nicht für alle Bestellungen bestätigt Amazon-Anbindung - Fehler und Bugs 1
Neu Templateänderung für NOVA in der custom.css Templates für JTL-Shop 2
Neu Achtung! Wichtige Umstellung für JTL-eazyAuction-Nutzer! Amazon-Anbindung - Fehler und Bugs 9
Neu Artikel Reserviert für Amazon ohne Amazonverkäufe JTL-Wawi - Fehler und Bugs 0
Neu Suche Entwickler für Modified Connector Dienstleistung, Jobs und Ähnliches 0
Neu DHL Wunschpaket Plugin für JTL Shop 5.0 lässt sich nicht installieren Plugins für JTL-Shop 2
Neu Angebot Sonstiges für Vorlage verwenden Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 4
Beantwortet Quellzuordnung für my-nova crit.css.map können nicht geladen werden Templates für JTL-Shop 1
Gelöst Fehler: Sie besitzen keine Lizenz für JTL-WMS JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 1
Beantwortet Eingabemaske für Terminal fehlt Einrichtung / Updates von JTL-POS 9
Neu Sind TABS schlecht für SEO? User helfen Usern - Fragen zu JTL-Wawi 0
Neu NOVA CSS Einstellung für Container anpassen Templates für JTL-Shop 1
Neu Hilfe für JTL Shopaufbau gesucht! Gebrauchtwagenhandel / Gerüstverleih Dienstleistung, Jobs und Ähnliches 2
Neu Konfiguration für Artikle im Fulfillmentnetzwerk User helfen Usern - Fragen zu JTL-Wawi 2
Neu SQL-Server für JTL-Wawi optimal einrichten User helfen Usern - Fragen zu JTL-Wawi 11

Ähnliche Themen