Horizontale Navigation superfish

Eine etwas andere Navigation

Für einen Shop auf Basis von Modified haben wir eine horizontale Navigation eingebaut. Hier beschreiben wir die Schritte um damit erfolgreich zu werden.

 1. Backup Deiner Dateien anfertigen.

2. Die Dateien jquery.hoverIntent.js|superfish.js|und supersubs.js kopiere in den Ordner /DEIN_TEMPLATES/javascript

3. Gehe dann in /DEIN_TEMPLATES/javascript/general.php.js und mache sie bekannt;
<script src=“<?php echo ‚templates/‘.CURRENT_TEMPLATE; ?>/javascript/superfish.js“ type=“text/javascript“></script>

4. Die Dateien superfish.css|superfish-navbar.css und superfish-vertikal.css kopiere in den Ordner /DEIN_TEMPLATES/css

5. Gehe dann in /DEIN_TEMPLATES/javascript/general.css.php und mache sie bekannt;
<link rel=“stylesheet“ href=“<?php echo ‚templates/‘.CURRENT_TEMPLATE; ?>/css/superfish.css“ type=“text/css“ />

6. Kopiere die Datei box_categories_superfish.html in den Ordner /DEIN_TEMPLATES/boxes/

7. Gehe dann in in den Ordner /DEIN_TEMPLATES/source/boxes.php und gebe unter
require_once(DIR_WS_BOXES . ‚categories.php‘);

require_once(DIR_WS_BOXES . ‚categories_superfish.php‘);

ein

8. Kopiere die Datei xtc_show_category_superfish.inc.php in den Ordner DEIN_TEMPLATES/source/inc/

9. Gehe dann in Deine /templates/index.html und füge dann folgendes noch unter <div id=“leftcol“> ein;
{$box_CATEGORIES_SUPERFISH}

Das komplette Teil könnt Ihr bei Modified im Forum herunterladen, bei Interesse solltet Ihr euch einen Account einrichten.

Das sollte es gewesen sein, ich hoffe nichts vergessen zu haben. Das Jquery Superfish wird auf der Webseite von Superfish erklärt, hier könnt Ihr auch weitere Infos bekommen.

Eine weitere Webseite zum Thema Superfish habe ich auf Elmastudio gefunden.

Eingebaut wurde das Teil bei www.dartshophannover.de hier könnt Ihr das in der Wirklichkeit sehen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.