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
40
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.980
311
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.980
311
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 Nova Header Farbe geändert - danach Mega Menü leer Templates für JTL-Shop 0
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 Shoplogo weiter mitttig, solange Kategorien sichtbar sind. Logo links, wenn Hamburger Menü Templates für JTL-Shop 1
Neu XML Auftragsimport für Schadenauftrag (Duplizieren mit anderer KD-Nr.) - Fragen, Anregungen, Verbesserungsvorschläge Schnittstellen Import / Export 0
Neu JTL Shop 5: Kopierschutz für Bilder einrichten Allgemeine Fragen zu JTL-Shop 5
Neu Druckvorlagen für zweite Firma - Firmendaten werden in Rechnungen nicht übernommen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Artikel ohne Preis für schneller Abwicklung in POS JTL-Wawi 1.6 1
Neu Gesperrte Artikel auch für Aufträge sperren User helfen Usern - Fragen zu JTL-Wawi 0
Neu Formeln für Staffelpreise User helfen Usern - Fragen zu JTL-Wawi 0
Neu Fehler bei der Auftragserstellung: Für den aktuellen Befehl ist ein schwerwiegender Fehler aufgetreten. Löschen Sie eventuelle Ergebnisse. eBay-Anbindung - Fehler und Bugs 0
Neu Lager(bestand) nur für bestimmte Länder/Shops verfügbar machen? Onlineshop-Anbindung 0
Neu Artikel Detailseite mit dem OPC erstellen für Varianten Allgemeine Fragen zu JTL-Shop 0
Neu Übergabe der Kd-Emailadresse an DPD Cloud für Label JTL-ShippingLabels - Fehler und Bugs 0
Neu Beispiele für Druckvorlagen User helfen Usern - Fragen zu JTL-Wawi 4
Neu Hat jemanden sowas (Code) für den Footer im JTL Shop5? Templates für JTL-Shop 0
Versandart für Amazon FBA Aufträge - Wo wird die eingestellt / zugeordnet ? JTL-Wawi 1.6 1
Neu Variable für Versandbox Nummer Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Auftrag Gewicht reduzieren (negativer Wert für Zusatzgewicht) JTL-Wawi 1.6 0
Speicherplatz für das "dbo.tLizenzlog" JTL-Wawi 1.6 5
Neu Mindestabnahme ( kg ) für Kategorie oder Hersteller! Plugins für JTL-Shop 0
Neu WMS - bestimmter Mitarbeiter darf KEINE Pakete für das Ausland bearbeiten können Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 4
Neu JTL Shipping Label für Amazon Prime - konfigurieren der Referenz JTL-ShippingLabels - Fehler und Bugs 0
Neu Preisansicht anpassen. Wast gibt es für Möglichkeiten? Allgemeine Fragen zu JTL-Shop 4
Neu Tager-Pickliste für Lagerarbeiter*innen User helfen Usern - Fragen zu JTL-Wawi 4
Neu Ich suche eine Variable für die Kundenkategorie Allgemeine Fragen zu JTL-Shop 0
Beantwortet Abfrage auf PLZ für Lieferung User helfen Usern - Fragen zu JTL-Wawi 7
Neu Bestell-Präfix definieren, dass Bestellnummer von JTL an für Saferpaytransaktion übernommen wird Plugins für JTL-Shop 0
Neu Suche Dienstleister / Freelancer für ein neues Projekt Starten mit JTL: Projektabwicklung & Migration 0
Neu DPD Pakete für August 2022 berechnet worden, obwohl eigentlich gratis? JTL-Track&Trace - Ideen, Lob und Kritik 2
Preise automatisch berechnen lassen für b2b Kunden / Kundenindividuell JTL-Wawi 1.6 5
Neu SQL Abfrage erstellen für Kunden "Shopregistrieung" User helfen Usern - Fragen zu JTL-Wawi 3
Neu Variationsbild wird für Warenkorbvorschau Bild genutzt JTL-Shop - Fehler und Bugs 0
FBA Warenbestand wird zum Lagerbestand im Stammlager hinzugerechnet und für den Eigenversand freigegeben. JTL-Wawi 1.6 2
Neu Plugin für Trusted Shops Excellence Shop5 Plugins für JTL-Shop 1
Beantwortet Druckvorlagen EU / Nicht-EU für Angebot/Auftrag/Rechnung JTL-Wawi 1.6 1
Neu Wie setze ich den Haken Bilderausgabe für Drucken/Mailen/Faxen für ALLE meine Artikel User helfen Usern - Fragen zu JTL-Wawi 4
Neu Probleme mit Beschreibung und Artikelname für Online Shops JTL-Wawi - Fehler und Bugs 0
Neu Auftrag für JTL WAWI für einen 80mm Bon Arbeitsabläufe in JTL-Wawi 1
Neu Das Fenster für Fehler senden ... JTL-Wawi - Ideen, Lob und Kritik 0
Neu Erstellung von detaillierten Artikelauswertungen für die Weinhandelskontrolle Schnittstellen Import / Export 0
Neu Token für die MWS-Autorisierung aktualisiert / nicht alle Bestellungen sind in der WAWI angekommen Amazon-Anbindung - Fehler und Bugs 2
Neu Portlet mit OPC auf Artikeldetailseite für alle Produkte übernehmen? Allgemeine Fragen zu JTL-Shop 1
Neu ECO DMS - Ordner trennen für 2. Firma User helfen Usern 5
Neu ebay Merkmale für Varianten eBay-Anbindung - Ideen, Lob und Kritik 0
Neu JTL Freelancer/ Minijobber o.ä. (m/w/d) für Artikelanlage und Stammdatenpflege gesucht Dienstleistung, Jobs und Ähnliches 0
Neu CSV Datei für Sellerlogic aus Artikelstamdaten und eigene Felder erstellen JTL Ameise - Eigene Exporte 13
Neu Logbuch / Logfiles für den Listingupload einsehen Einrichtung und Installation von JTL-eazyAuction 1
Neu Noindex für ganzen Shop Allgemeine Fragen zu JTL-Shop 8
Neu Anbieter für DHL Etiketten Business Jungle 13

Ähnliche Themen