MODUL: Kwicks Navigation

[TF101]

Hatte vor einiger Zeit mal ein Template mit Kwicks Navigation erstellt.
Das möchte ich hier zur Verfügung stellen.

In der Anleitung ist auch ein Link zu einer Demo.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Nochmal kurz die Eckdaten:

- Auf modified eCommerce Shopsoftware 1.03 angepasste Navigation
- Mehr-Sprachen geeignet
- "Aktiver Link" Kennzeichnung
- Grafiken können einfach ausgetauscht werden

- Muss aber auf das eigene Design angepasst werden.

Die Navigation kann auch noch mit einem "Nachschwingeffekt" (geiles Wort) versehen werden.
Das kann man in der general.js geändert werden

Suche nach:

Code: PHP  [Auswählen]

<script type="text/javascript">
$().ready(function() {
        $('.kwicks').kwicks({
                max : 201,
                spacing : 1
        });
});
                </script>

Ersetze mit:

Code: PHP  [Auswählen]

                <script type="text/javascript">
$().ready(function() {
        $('.kwicks').kwicks({
                max: 201,
                spacing: 1,
                duration: 500,
                easing: 'easeOutBounce'
        });
});
                </script>

Grüße
Thomas



Linkback: https://www.modified-shop.org/forum/index.php?topic=4378.0

[vr]

Hallo Thomas,

  - das geb ich mir gleich mal ...

Grüße, Volker

[TF101]

Keine Ursache!  

Muss aber noch an das eigene Template angepasst werden!
Leider war es bei dem nicht möglich, es so zu gestalten das es zu allen Templates passt.

Wenn es Probleme geben sollte, einfach mal schreiben und ich werde helfen!

Grüße
Thomas

[TF101]

Die Navigation kann auch noch mit einem "Nachschwingeffekt" (geiles Wort) versehen werden.
Das kann man in der general.js geändert werden

Suche nach:

Code: PHP  [Auswählen]

<script type="text/javascript">
$().ready(function() {
        $('.kwicks').kwicks({
                max : 201,
                spacing : 1
        });
});
                </script>

Ersetze mit:

Code: PHP  [Auswählen]

                <script type="text/javascript">
$().ready(function() {
        $('.kwicks').kwicks({
                max: 201,
                spacing: 1,
                duration: 500,
                easing: 'easeOutBounce'
        });
});
                </script>

Grüße
Thomas

[vr]

Hallo Thomas,

Ich überlege, wie man Kwicks sinnvoll nutzen könnte. In dem Demolink kann man zwar sehen, wie es im Topmenu funktioniert, aber einen Nutzen sehe ich da nicht, im Gegenteil, nach einer Weile irritiert es, dass die Navigation immer verrrutscht. Wenn man das einsetzen würde, um Kategorien aufzuklappen, Bilder anzuzeigen oder die einzelnen Kapitel der AGB aufzuklappen, schon eher. Aber dafür müssten die Kacheln anders initialisiert werden, nämlich so, dass eine aufgeklappt ist und nicht alle gleichmäßig halb.

Bitte nicht falsch verstehen - ich finde das ein interessantes Navigationswerkzeug, nur eine Verwendung, wo ich sagen würde, eindeutig besser als mit herkömmlichen Mitteln, habe ich noch nicht gesehen.

Grüße, Volker

[TF101]

Ich verstehe das auch nicht falsch.
Es ist eine Spielerei, mehr nicht.

Um etwas untereinander anzuzeigen habe ich mal die Mootools Accordion eingesetzt.
Habe auch eine Anleitung dazu geschrieben, ist bei xtc-load.de zu erhalten, inkl der Dateien.

Mit dem "Modul" (für die Sp2.1 Version) kann man die Zusätzlichen Artikelbilder (bis zu 4) erstmal 'verstecken' und bei Bedarf aufklappen lassen.
Das Teil kann aber noch zu anderen Sachen umgebaut werden. Ich zum Bsp benutze es noch im Checkout. Es ist auch recht flexibel, arbeitet zum Bsp mit Highslide oder Lightbox gut zusammen.

Grüße
Thomas

[Tomcraft]

Hi Thomas,

vielen Dank!

Wärst du so lieb und würdest noch einen Screenshot anhängen? Link zu einem Demoshop ist super, aber ein Bild sagt doch meist mehr als tausend Worte.

Grüße

Torsten

[TF101]

Hallo Torsten,

Hier der Screenshot. Habe diesen mal auf den Kopfbereich beschränkt.
Nochmal kurz die Eckdaten:

- Auf modified eCommerce Shopsoftware 1.03 angepasste Navigation
- Mehr-Sprachen geeignet
- "Aktiver Link" Kennzeichnung
- Grafiken können einfach ausgetauscht werden

- Muss aber auf das eigene Design angepasst werden.

Grüße
Thomas

  [ Für Gäste sind keine Dateianhänge sichtbar ]

[Tomcraft]

Ich habe das mal in Beitrag 1 ein wenig zusammen gefasst.

Grüße

Torsten