Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: MODUL: jQuery Superfish - horizontale Navigation

    SirHelios

    • Frisch an Board
    • Beiträge: 51
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #120 am: 12. Juli 2011, 18:29:32
    Ich würde mich ebenfalls über eine kleine Anleitung freuen, wie man dieses Modul für die vertikalen Kategorien nimmt.

    Wäre wirklich super. :)

    Danke und viele Grüße

    Patrick

    GTB

    • modified Team
    • Gravatar
    • Beiträge: 6.306
    • Geschlecht:
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #121 am: 12. Juli 2011, 20:09:27
    Hallo Patrik,

    Es ist wirklich nicht schwer. Fange mit dem Paket "base_superfish.zip" an. Dann brauchst nur noch die Kategorie Anleitung abarbeiten.

    Ist in 20min komplett gemacht.

    Gruß Gerhard

    widdermausi

    • Fördermitglied
    • Beiträge: 32
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #122 am: 22. Juli 2011, 10:50:01
    Hallo Ihr Lieben!
    Hab von Torsten den Tipp bekommen, dass meine Frage hier besser platziert ist als dort wo ich sie ursprünglich stellte.

    Also das einspaltige Template, das hier im Forum bereitgestellt wird, findet unsererseits großes Interesse.(da wir keinen Megakatalog an Produkten haben) Auch wenn im Augenblick noch nicht aktuell, würde es mich dennoch brennend interessieren wie bzw. ob die Möglichkeit besteht die Superfish Funktion auch mit horizontal aufklappbaren Menü zu realisieren.

    So wie bei Tchibo.

    Torsten gab mir schon die Info das dies mit Superfish möglich sei.

    Ich hab auch schon nach den Einstellmöglichkeiten gegoogelt und auch hier im Forum gesucht (vielleicht an der falschen Stelle, mit falschem Suchbegriff)und bin leider noch auf keinen grünen Zweig gekommen. Es wird schon einiges beschrieben aber irgendwie dürft bei mir ein Knopf im Kopf sein und komm einfach nicht dahinter [:datz:]

    Habt Ihr einen Tipp für mich wie, was bzw. wo welche Einstellungen vorzunehmen wären, wenn ich es so umsetzen möchte wie bei Tchibo-Themenwelten.

    Lieben Dank auch Euch schon mal für die Hilfe und den Tipps.

    h-h-h

    • modified Team
    • Beiträge: 4.562
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #123 am: 22. Juli 2011, 15:33:39
    Also das Beispiel mit Quelle würde ich nicht mit Superfish umsetzen, ähnelt von der Funktion her auch dem hier Demoshop am einfachsten wäre es ganz normal mit DIVs und jQuery.

    Gruß

    h-h-h

    Barnabas

    • Fördermitglied
    • Beiträge: 176
    • Geschlecht:
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #124 am: 22. Juli 2011, 19:34:25
    Moin h-h-h!

    Das sieht aber gut aus! Steht das MEGADROPDOWN irgendwann dem Forum zur Verfügung?  :)

    Gruß Kai

    h-h-h

    • modified Team
    • Beiträge: 4.562
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #125 am: 22. Juli 2011, 19:45:41
    Hallo Kai,
    irgendwann wird der vermutlich zur Verfügung gestellt. Die Betonung liegt auf irgendwann.
    Bis jetzt bietet der drei verschiedene Überblende-Effekte und ist Cross-Browser kompatibel. Soll noch um ein paar Gimmicks erweitert werden. Wie zum Beispiel noch tiefere Kategorie-Ebenen Darstellung.

    Gruß

    h-h-h

    blitzfreak

    • Fördermitglied
    • Beiträge: 90
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #126 am: 24. Juli 2011, 20:43:56
    @h-h-h: das Teil sieht aber echt nicht schlecht aus... würde ich auch sofort einbauen. :)

    Barnabas

    • Fördermitglied
    • Beiträge: 176
    • Geschlecht:
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #127 am: 30. Juli 2011, 14:17:11
    Moin!  :)

    Ich brauche mal wieder Hilfe! Ich habe bei mir Superfish eingebaut...nur jetzt wird der Nivo-Slider nicht mehr angezeigt! Shop

    Ich habe mit Firebug und Co. geschaut wo der Fehler liegt, komme aber nicht weiter!
    ...ich tippe mal auf die general.js.php! siehe Anhang!

    So wie ich das sehe, wird das jquery.nivo.slider.js nicht geladen!? Könntet ihr mal schauen?

    Danke!

    Gruß Kai

    hedon02

    • Viel Schreiber
    • Beiträge: 618
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #128 am: 30. Juli 2011, 14:46:39
    Hi,

    Code: PHP  [Auswählen]
    <script src="templates/shop6/javascript/jquery.js" type="text/javascript"></script>
    <script src="templates/shop6/javascript/thickbox.js" type="text/javascript"></script>

    ---loeschen---
    <script src="templates/shop6/javascript/jquery.js" type="text/javascript"></script>
    <script type='text/javascript'>
        $(document).ready(function(){
            $("ul.sf-menu").supersubs({
                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
                                   // due to slight rounding differences and font-family
            }).superfish();  // call supersubs first, then superfish, so that subs are
                             // not display:none when measuring. Call before initialising
    ---loeschen----

    <script src="templates/shop6/javascript/jquery.nivo.slider.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
            effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
            slices:10, //Anzahl der Slices beim Slice Effekt
            animSpeed:700, //Slide transition speed
            pauseTime:8000, //Angabe in Milisekunden
            startSlide:0, //Set starting Slide (0 index)
            directionNav:false, //Next & Prev
            directionNavHide:true, //Only show on hover
            controlNav:true, //1,2,3...
            controlNavThumbs:false, //Use thumbnails for Control Nav
            controlNavThumbsFromRel:false, //Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', //Replace this with...
            controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
            keyboardNav:false, //Use left & right arrows
            pauseOnHover:true, //Stop animation while hovering
            manualAdvance:false, //Force manual transitions
            captionOpacity:0.8, //Universal caption opacity
            beforeChange: function(){},
            afterChange: function(){},
            slideshowEnd: function(){}, //Triggers after all slides have been shown
            lastSlide: function(){}, //Triggers when last slide is shown
            afterLoad: function(){} //Triggers when slider has loaded
        });
    });
    </script>
    Den abgesetzten Teil musst Du löschen. Hast ja die Sache zweimal eingebunden - und nicht vollständig noch dazu.  :I

    Barnabas

    • Fördermitglied
    • Beiträge: 176
    • Geschlecht:
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #129 am: 30. Juli 2011, 15:10:48
    Oh, nein! :?
    Danke! Das war es...

    bige

    • Mitglied
    • Beiträge: 181
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #130 am: 13. August 2011, 20:26:53
    Hallo,

    also aus Erfahrung habe ich gelernt das man im Shop möglichst wenig mit JS arbeiten sollte. Das Beispiel aus dem Demoshop lässt sich bis auf den Fadeineffekt wunderbar mit einer reinen HTML / CSS Lösung bauen und das absolut Crossbrowserkonform. Selbst den ollen IE6 kann man das beibringen. Ich arbeite derzeit an einem neuen Shop. Wenn das ich an der Navigation bin stelle ich das hier gerne zur Verfügung.

    So long
    Andi

    Sick

    • Fördermitglied
    • Beiträge: 570
    • Geschlecht:
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #131 am: 14. August 2011, 02:13:27
    Freunde, ich verstehe das Problem ehrlich nicht ganz.
    Ich habe gerade einen Shop bei dem Nivo-Slider und Superfish wunderbar zusammenarbeiten.
    Habe auch Shops wo ich den Nivo-Slider mit dem CSS-Dropdown ohne JavaScript realisiert habe, aber Superfish ist doch einfach prima.
    Der Fallback funktioniert einwandfrei!

    Für die Interessierten ist hier meine general.js.php
    Code: PHP  [Auswählen]
    <?php
    /* -----------------------------------------------------------------------------------------
       $Id: general.js.php 1262 2005-09-30 10:00:32Z mz $

       XT-Commerce - community made shopping
       http://www.(( Wir dulden keine kommerziellen Werbelinks - Bitte <a href="index.php?topic=3013.0">Forenregeln</a> beachten! ))

       Copyright (c) 2003 XT-Commerce
       -----------------------------------------------------------------------------------------
       Released under the GNU General Public License
       ---------------------------------------------------------------------------------------*/



       // this javascriptfile get includes at the BOTTOM of every template page in shop
       // you can add your template specific js scripts here
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.js" type="text/javascript"></script>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>
    <script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/superfish.js"></script>
    <script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/supersubs.js"></script>
    <script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/hoverIntent.js"></script>
    <script type='text/javascript'>
        $(document).ready(function(){
            $("ul.sf-menu").supersubs({
                minWidth:    15,   // 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
                                   // due to slight rounding differences and font-family                    
            }).superfish();  // call supersubs first, then superfish, so that subs are
                             // not display:none when measuring. Call before initialising
                             // containing tabs for same reason.
        });
    </script>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.nivo.slider.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
            effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
            slices:10, //Anzahl der Slices beim Slice Effekt
            animSpeed:650, //Slide transition speed
            pauseTime:6000, //Angabe in Milisekunden
            startSlide:0, //Set starting Slide (0 index)
            directionNav:false, //Next & Prev
            directionNavHide:true, //Only show on hover
            controlNav:true, //1,2,3...
            controlNavThumbs:false, //Use thumbnails for Control Nav
            controlNavThumbsFromRel:false, //Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', //Replace this with...
            controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
            keyboardNav:false, //Use left & right arrows
            pauseOnHover:true, //Stop animation while hovering
            manualAdvance:false, //Force manual transitions
            captionOpacity:0.8, //Universal caption opacity
            beforeChange: function(){},
            afterChange: function(){},
            slideshowEnd: function(){}, //Triggers after all slides have been shown
            lastSlide: function(){}, //Triggers when last slide is shown
            afterLoad: function(){} //Triggers when slider has loaded
        });
    });
    </script>

    <?php// BOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>
    <?php
    if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO )) {
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript">
    /* <![CDATA[ */
            //Laden einer CSS Datei mit jquery     
        $.get("<?php echo 'templates/'.CURRENT_TEMPLATE; ?>"+"/css/javascript.css", function(css) {
                    $("head").append("<style type='text/css'>"+css+"<\/style>");
            });
           
            $(function() {
                    $("#tabbed_product_info").tabs();
                    $("#accordion_product_info").accordion({ autoHeight: false });
            });
    /*]]>*/
    </script>
    <?php
    }
    ?>
    <?php// EOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>

    Jürgen

    • Viel Schreiber
    • Beiträge: 895
    • Geschlecht:
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #132 am: 17. August 2011, 12:39:37
    Hallo,

    Danke für das Modul, habe es ohne Probleme eingebaut.

    Such jetzt nach einer Möglichkeit das Kategoriedropdown 2 mal nebeneinander einzufügen und jeweils als Startpunkt eine andere Startkategorie zu verwenden.

    Also ich habe einmal als Kategorie "Damen" und einmal "Herren" mit den entsprechenden Unterkategorien (Shirts, Jacken,etc.).

    Gibt es eine Möglichkeit den Startpunkt der Kategorieauflistung festzulegen?

    Hoffe das war verständlich...

    Grüsse und Danke für die Hilfe

    Jürgen

    Jürgen

    • Viel Schreiber
    • Beiträge: 895
    • Geschlecht:
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #133 am: 17. August 2011, 16:25:46
    Kleiner Nachtrag zu meinem post.

    In der categories_superfish.php gibt es eine Abfrage in Zeile 80

    Code: PHP  [Auswählen]
    // ---------------------------------------------------------------------------
                            //      Datenbank ...
                            // ---------------------------------------------------------------------------
                                    $categories_query = xtc_db_query("
                                            SELECT  c.categories_id,
                                                            cd.categories_name,
                                                            cd.categories_heading_title,
                                                            c.parent_id
                                            FROM    "
    .TABLE_CATEGORIES." c,
                                                            "
    .TABLE_CATEGORIES_DESCRIPTION . " cd
                                            WHERE   c.categories_status = '1'
                                                            "
    .$group_check."
                                            AND     c.categories_id = cd.categories_id
                                            AND     cd.language_id='"
    . (int)$_SESSION['languages_id'] ."'
                                            ORDER BY sort_order, cd.categories_name"
    );

    Wenn ich in der Zeile 80 "c.categories_id = cd.categories_id", "cd.categories_id" durch z.Bsp. "7" ersetze wird nur noch die eine Kategorie welche auf "7" endet angezeigt. Kann ich hier einen Platzhalter setzen, daß alle Kategorien welche mit 7 beginnen angezeigt werden?

     '7*' ,  '7?', etc habe ich versucht geht aber nicht.

    Vielleicht geht das ganze ja aber auch ganz anders bzw. einfacher......

    Danke

    Jürgen

    Danke für die Hilfe  

    GTB

    • modified Team
    • Gravatar
    • Beiträge: 6.306
    • Geschlecht:
    Re: MODUL: jQuery Superfish - horizontale Navigation
    Antwort #134 am: 17. August 2011, 16:34:29
    hast du nur 2 Hauptkategorien (Damen und Herren) oder mehrere ?
    26 Antworten
    14899 Aufrufe
    22. Juni 2014, 15:32:36 von sl-chickery
    5 Antworten
    4529 Aufrufe
    19. Dezember 2012, 00:53:47 von Kawabiker
    12 Antworten
    10130 Aufrufe
    19. Februar 2012, 11:24:00 von peterpan19
    3 Antworten
    1986 Aufrufe
    13. Januar 2019, 23:05:18 von Direk12