Superfish-Menü für JTL-Shop3

  • JTL-Connect 2022: Ihr habt noch kein Ticket? Jetzt schnell sichern! Die PreConnect ist bereits ausgebucht, auch für die After-Show-Party auf der Ocean Diva sind nur noch wenige Plätze verfügbar! HIER geht es zum Ticketverkauf

  • Das Stable Release von JTL-Wawi 1.6 ist startklar: HIER gehts zum Forenbeitrag

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.905
294
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.905
294
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 Shoplogo weiter mitttig, solange Kategorien sichtbar sind. Logo links, wenn Hamburger Menü Templates für JTL-Shop 1
Neu Mobil-Menü auf Notebooks Templates für JTL-Shop 4
Ungültige Steuerkonfiguration bei Rechnungsnummer xxxx! Für das Versandland [DE], Lieferland [DE] JTL-Wawi 1.6 0
Neu Preise für Amazon Ausland automatisch kalkulieren lassen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Spam Mails seit Erweiterungsdownload für den JTL Shop User helfen Usern 0
Neu JTL Shop mehrere Filialen (Lager) für Selbstabholer Allgemeine Fragen zu JTL-Shop 0
Neu Verfahrensdokumentation JTL POS für Finanzamt Allgemeine Fragen zu JTL-POS 2
Neu Passwort für DHL Versenden 3.0 JTL-ShippingLabels - Fehler und Bugs 0
Neu Verwendung von linerless Labeln für Versand (DHL, GLS, DPD) - Welche Drucker passen, welche lassen sich upgraden / umrüsten? Arbeitsabläufe in JTL-Wawi 0
Neu Onlineshop-Abgleich bricht ab - Timeout für Vorgang überschritten Shopware-Connector 3
Neu Variablen für Pickliste, die einen Artikel-Bestand auf einem Lagerplatz anzeigen? Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Strukturierte Daten für Google User helfen Usern 0
In Diskussion Wann werden Workflows für Mahnungen umgesetzt? JTL-Workflows - Ideen, Lob und Kritik 2
Ueberverkäufe für einen Verkaufskanal ermöglichen JTL-Wawi 1.6 2
Neu Button für Weiter einkaufen soll den Kunden zurück in die Artikelliste führen Betrieb / Pflege von JTL-Shop 7
Neu file-dialog für datei-download öffnen Technische Fragen zu Plugins und Templates 1
Neu [Email / DKIM] Wo setzt man "Content-Transfer-Encoding" für die Mail-Vorlagen im Shop 4? Einrichtung von JTL-Shop4 3
Neu 💙 Neues Plugin: Upload Field Extension (Uploadfelder für Formulare bereitstellen) für JTL-Shop 5 Plugins für JTL-Shop 0
Neu Plugin für Zusatzverkäufe unter Warenkorbbutton Plugins für JTL-Shop 2
In Bearbeitung JTL-POS für Österreich Allgemeine Fragen zu JTL-POS 2
Neu SW5 Connector Plugin Freigabe für aktuelle SW-Version Shopware-Connector 0
Neu Eigenen SQL Benutzer für Ameise CMD line scripting JTL-Ameise - Ideen, Lob und Kritik 3
Neu Attribut für WC GermanMarket - Mindestalter WooCommerce-Connector 0
Rechnungslogo/Lieferscheinlogo - verschiedene Vorlagen für verschiedene Webshops JTL-Wawi 1.6 5
JTL WAWI - Vorlage Rechnung/Lieferschein/Gutschrift mit Barcode für Artikelnummer und Barcode für Lieferscheinnummer/Rechnungsnummer etc. JTL-Wawi 1.6 2
Neu JTL Freelancer für diverse Arbeiten gesucht Dienstleistung, Jobs und Ähnliches 0
Neu Eigene details.tpl (Artikel) für Landingpage im Shop 5 Technische Fragen zu Plugins und Templates 1
DMS für Eingangsrechnungen JTL-Wawi 1.6 0
Neu JTL WAWI - Statistiken für wenig verkaufte Produkte /Abverkaufsprodukte erstellen Arbeitsabläufe in JTL-Wawi 0
Neu FCC für andere Systeme Einrichtung / Updates von JTL-POS 0
Neu eBay-Angebotsvorlagen für andere Länder kopieren User helfen Usern - Fragen zu JTL-Wawi 1
Neu Bild für alle Artikel hinzufügen User helfen Usern 0
Neu Rechnungserstellung für Amazon Account deaktivieren User helfen Usern - Fragen zu JTL-Wawi 2
Neu Spalten für Tagesverbrauch und Verbrauch 30 Tage in Artikelansicht User helfen Usern - Fragen zu JTL-Wawi 0
Neu Importierte Shopware 5 Bestellungen für Bestandsplanung berücksichtigen User helfen Usern - Fragen zu JTL-Wawi 1
Neu Warenkorb Breite für den Artikelnamen vergrößern Templates für JTL-Shop 3
Neu Nova wurde nicht für den 5er Shop entwickelt? JTL-Shop - Fehler und Bugs 4
Neu Übernahme von Artikeldaten für Angebotsvorlage Einrichtung und Installation von JTL-eazyAuction 1
Neu Drucker u. Rollenetiketten für Mini-Barcode? User helfen Usern 6
Neu Dateien für interne Bearbeitung an Artikel hinterlegen JTL-Wawi - Ideen, Lob und Kritik 1
Neu Neues PayPal "Checkout" Plugin für Shop 5 - "Basic-Version" ohne Übergabe von Artikeldaten möglich? Plugins für JTL-Shop 4
Neu Mehrere Bilder für 1 Artikel - CSV nicht optimal Schnittstellen Import / Export 14
Neu JTLwawiExtern.dll mit .NET 6.0 für Windows Schnittstellen Import / Export 0
Neu Lösung für Webshop mit mehreren Sprachen - Shopify Shopify-Connector 1
Neu Coupon für Artikel mit 7% und 19% USt wie lösen? Grundsätzliches JTL Shop Problem Allgemeine Fragen zu JTL-Shop 9
Neu Nach Update auf JTL Woocommerce Connector 1.37.1 Backend extrem langsam für Order-Quickview WooCommerce-Connector 0
Neu SQL Query für Repeat Purchase Rate (Wiederbestellerrate) User helfen Usern - Fragen zu JTL-Wawi 0
Neu SQL Query für Repeat Purchase Rate (Wiederbestellerrate) Dienstleistung, Jobs und Ähnliches 1
Beantwortet Namen der Sales Channel für das Funktionattribut Shopware-Connector 1
Neu Rabatt für nicht lagernde Artikel JTL-Shop - Ideen, Lob und Kritik 0

Ähnliche Themen