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
821
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.455
38
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
142
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
5
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
227
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 Mobil-Menü auf Notebooks Templates für JTL-Shop 4
Neu JTL Premium Search - Mobileansicht Filter Dropdown-Menü? JTL-Search 2
Neu Vorauswahl für Filteranzeige im Shop Templates für JTL-Shop 0
In Diskussion für alle Aufträge mit einem bestimmten Artikel eine Ersatzlieferung anlegen JTL-Workflows - Ideen, Lob und Kritik 0
Neu Ausliefern sperren für Packstationen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Guthaben für JTL Shop nicht möglich - Abfrage Standardbankverbindung? JTL-Wawi - Fehler und Bugs 3
Neu Gesamtpreis Netto für 19% und 7% auf der Rechnungsvorlage User helfen Usern - Fragen zu JTL-Wawi 0
Neu Wichtiger Hinweis: Amazon hat die MWS API für Seller-Fulfilled-Prime abgeschaltet Amazon-Anbindung - Fehler und Bugs 20
SQL Abfragen für 1.6 anpassen JTL-Wawi 1.6 1
Updates für JTL Wawi 1.5xxx kommen da noch welche JTL-Wawi 1.6 20
Neu Druckereinstellung für DHL Retoure Online JTL-ShippingLabels - Ideen, Lob und Kritik 0
Neu Welche Rechte für den Worker? User helfen Usern - Fragen zu JTL-Wawi 4
In Diskussion Workflow für Bestelleingang vor und nach 12 Uhr JTL-Workflows - Ideen, Lob und Kritik 7
Neu Kundengruppenpreise für alle Artikel umstellen User helfen Usern - Fragen zu JTL-Wawi 7
Neu paypal plugin 2.1.1 für shop 5.1.2 mit evo Template Plugins für JTL-Shop 4
Neu Exportvorlage Pickliste -> Hinweis-Feld mit ausgeben (neue Variable für "position.Hinweis") Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 8
In Diskussion Barcode für jede Retourenposition JTL-Workflows - Ideen, Lob und Kritik 0
Neu Wichtiger Hinweis zu Fiskal Cloud Connectors (FCC) von Deutsche Fiskal für JTL-POS Einrichtung / Updates von JTL-POS 0
Neu Kritik: Multishop Modul Abrechnung für Schweizer absolut unbrauchbar, der Support lässt mich seit 6 Tagen Sitzen! JTL-Wawi - Ideen, Lob und Kritik 3
Neu Naiv gefragt: Gibt es eine Schnittstelle zu einem Dienstleister für Bonitätsauskünfte? User helfen Usern - Fragen zu JTL-Wawi 8
Neu Manuelle Integration von PayPal Checkout für JTL Shop 4 Plugins für JTL-Shop 1
Neu Spalten für Brutto und Netto in Rechnungen und Rechnungskorrekturen JTL-Wawi - Ideen, Lob und Kritik 0
Neu Bestellung erneut für den Packtisch anlegen User helfen Usern - Fragen zu JTL-Wawi 1
Neu Vorlage für Emails (Angebot, Auftrag, Rechnung, Versandbestätigung) Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Ameisen Import nur für bestimmten Shop JTL-Wawi 1.6 2
Neu Vorlagen für Mahnungen bearbeiten nicht möglich [WaWi 1.6.38.0] JTL-Wawi 1.6 2
In Diskussion Eigene Bons für Gutscheine Allgemeine Fragen zu JTL-POS 8
Neu 💙 Neues Plugin: Merkmalfilter Plus (Schieberegler für Merkmalfilter) für JTL-Shop 5 Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Custom CSS & JavaScript (CSS & JS Code einfach in deinen Shop einfügen) für JTL-Shop 5 Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Cross-Selling-Sortierung-Plus (CrossSelling Alternativ-Artikel sortieren) für JTL-Shop 5 Plugins für JTL-Shop 0
In Diskussion Benötigte Bildschirmgröße für JTL POS Allgemeine Fragen zu JTL-POS 11
Neu 💙 Neues Plugin: Galeriezoom (Zoomfunktion für Artikelbilder) für JTL-Shop 5 Plugins für JTL-Shop 0
Neu Anzeige der Kosten für einen Produktionsartikel User helfen Usern - Fragen zu JTL-Wawi 0
Neu Einheitlicher Name für unterschiedliche Versandarten auf der Rechnung Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 13
Neu Gründe für einen langsamen Client User helfen Usern - Fragen zu JTL-Wawi 5
Neu Labeldrucker für Kundenartikel Business Jungle 0
Neu Email Adresse für Rechnung im nachhinein ändern JTL-Wawi 1.6 3
Neu Benötige Hilfe für die Optimierung Shop / WaWi Dienstleistung, Jobs und Ähnliches 0
Neu Variationskombinationen Artikel mit Farbe und Menge für ebay User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL Wawi 1.6.38.2 - "Vorschläge für Umlagerungen in ein FBA Lager generieren" funktioniert nicht JTL-Wawi - Fehler und Bugs 0
Neu Standardmailadresse für Verwendung von DPD Predict / DHL Filialrouting JTL-ShippingLabels - Ideen, Lob und Kritik 1
Neu Plugin für Variationen gesucht Plugins für JTL-Shop 0
Neu Vorlagen für die Ausgabe - in unterschiedlichen Bereichen unterschiedliche Vorlagen bei gleichem Namen? User helfen Usern - Fragen zu JTL-Wawi 4
Neu Abgleich für große Produktmengen Onlineshop-Anbindung 0
Übernahme Suchbegriffe für Webshop bei duplizieren bzw. VarKombis anlegen JTL-Wawi 1.6 4
Neu JTL 1.6 Keine Bestellvorschläge für FBA Produkte Arbeitsabläufe in JTL-Wawi 3
Steuereinstellung für Versandland fehlt JTL-Wawi 1.6 6
Workaround für nicht lieferbare Ware JTL-Wawi 1.6 0
Neu Bild für Pinterest Allgemeine Fragen zu JTL-Shop 4
In Diskussion SQL für Anzahl Bestellungen pro Kunde und Jahr JTL-Workflows - Ideen, Lob und Kritik 2

Ähnliche Themen