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: Nivo slider zerstört Lightbox

    derigl

    • Neu im Forum
    • Beiträge: 21
    Nivo slider zerstört Lightbox
    am: 02. März 2015, 18:39:28
    Hallo, liebe Kollegen,

    ich habe in menen Shop nach dieser Anleitung:
    https://www.modified-shop.org/wiki/Einbinden_des_Nivo-Sliders_auf_der_Startseite

    den Nivo-Sliper eingebaut. Das funzt auch alles super, vielen Dank, aber leider funktioniert jetzt die Großansicht der Artikelbilder (Lightbox) nicht mehr. Anscheinend beisst sich da was in der general.js.php, denn wenn ich das Backup der Datei zurückspiele geht die Lightbox wieder (aber kein Slider mehr, logo).

    Vielleicht erkennt ja einer von den Fachleuten, was sich hier stört:

    <?php
    /* -----------------------------------------------------------------------------------------
       $Id: general.js.php 1262 2005-09-30 10:00:32Z mz $

       XT-Commerce - community made shopping
    <?php
    /* -----------------------------------------------------------------------------------------
       $Id: general.js.php 1262 2005-09-30 10:00:32Z mz $

       XT-Commerce - community made shopping

       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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></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: 15, // For slice animations
            boxCols: 8, // For box animations
            boxRows: 4, // For box animations
            animSpeed: 500, // Slide transition speed
            pauseTime: 6000, // How long each slide will show
            startSlide: 0, // Set starting Slide (0 index)
            directionNav: false, // Next & Prev navigation
            controlNav: false, // 1,2,3... navigation
            controlNavThumbs: false, // Use thumbnails for Control Nav
            pauseOnHover: true, // Stop animation while hovering
            manualAdvance: false, // Force manual transitions
            prevText: 'Prev', // Prev directionNav text
            nextText: 'Next', // Next directionNav text
            randomStart: true, // Start on a random slide
            beforeChange: function(){}, // Triggers before a slide transition
            afterChange: function(){}, // Triggers after a slide transition
            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 ?>

    1000 Dank und Grüße

    der Igl

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

    Matt

    • Experte
    • Beiträge: 4.241
    Re: Nivo slider zerstört Lightbox
    Antwort #1 am: 02. März 2015, 18:57:41
    Kann man sich das irgendwo anschauen?

    Bruno-der-Zweite

    • Fördermitglied
    • Beiträge: 99
    • Geschlecht:
    Re: Nivo slider zerstört Lightbox
    Antwort #2 am: 02. März 2015, 19:26:48
    Das Problem hatte ich auch, das liegt an der jquery Version. Nimm die 1.7.0 dann klappt beides wieder.

    Gruß
    Bruno

    derigl

    • Neu im Forum
    • Beiträge: 21
    Re: Nivo slider zerstört Lightbox
    Antwort #3 am: 03. März 2015, 16:33:14
    Danke, Bruno - das löst es teilweise. Jetzt gehen die Bilder wieder, allerdings wie mit der Funktion Grrafik anzeigen" im Browser - das heisst, ich komme nur noch über den "Back" Button des Browsers auf die Shopseite zurück, und es gibt auch keine Möglichkeit mehr, mit Pfeilen durch mehrere Produktbilder zu clicken.

    Ich habe nur die Datei jquery.js durch jquery1.7.2. im Javascript-Ordner des Templates ersetzt. Hätte ich noch etwas ersetzen müssen?

    Anschauen kann man das ganze hier:
    www.testyourmic.com

    Danke!!

    Matt

    • Experte
    • Beiträge: 4.241
    Re: Nivo slider zerstört Lightbox
    Antwort #4 am: 03. März 2015, 17:29:36
    Derzeit wird nicht einmal die jQuery-Datei gefunden und es funktioniert gar nichts. Da hast du wohl beim Rückbau ein bisschen zu viel gelöscht.

    derigl

    • Neu im Forum
    • Beiträge: 21
    Re: Nivo slider zerstört Lightbox
    Antwort #5 am: 03. März 2015, 17:40:37
    ;-) Bin gerade am Basteln, daran liegt es. Jetzt funktioniert es wieder - aber immer noch nicht so wie es soll.
    Habe gerade noRiddles animated Thickbox eingebaut, ändert aber nix...

    Grüße

    Igl

    Matt

    • Experte
    • Beiträge: 4.241
    Re: Nivo slider zerstört Lightbox
    Antwort #6 am: 03. März 2015, 18:07:54
    In Zeile 79 bindest du jQuery lokal ein - die gibt es aber nicht. In Zeile 104 dann vom Google-CDN. Das ist nicht sinnvoll. Die Konsole ist knallrot wegen nicht gefundener Dateien und daraus resultierender Javascript-Fehler.

    Habe gerade noRiddles animated Thickbox eingebaut, ändert aber nix...

    Mehr Code einfügen ist eigentlich nie eine gute Idee wenn man einen Fehler sucht.

    derigl

    • Neu im Forum
    • Beiträge: 21
    Re: Nivo slider zerstört Lightbox
    Antwort #7 am: 05. März 2015, 18:00:29
    Matt, Danke für Deine Tipps - jetzt fängt das an zu funktionieren - Vorschau geht wieder. Kann jetzt langsam noriddles Thickbox wieder reinbasteln.

     :thx:

    derigl

    • Neu im Forum
    • Beiträge: 21
    Re: Nivo slider zerstört Lightbox
    Antwort #8 am: 05. März 2015, 18:07:27
    Ich (als alter Codekopierer :-?) habe jetzt kapiert, dass ich jQuery entweder lokal einbinden kann oder von Google holen - dazu mal 2 Fragen vom Laien:

    Muss / sollte das mehrmals in der general.js drinstehen oder reicht der Verweis einmal für die ganze Datei?

    Was macht mehr Sinn - Lokal oder Google?
     :whistle:

    Matt

    • Experte
    • Beiträge: 4.241
    Re: Nivo slider zerstört Lightbox
    Antwort #9 am: 05. März 2015, 18:23:44
    Muss / sollte das mehrmals in der general.js drinstehen oder reicht der Verweis einmal für die ganze Datei?

    Einmal ist ausreichend, alles andere macht nur Probleme. Wichtig ist auch, dass du es einbindest bevor du irgendwas mit $() oder jQuery() machst.

    Was macht mehr Sinn - Lokal oder Google?

    Darüber könnte ich dir jetzt eine mehrseitige Abhandlung schreiben. Und selbst dann wäre die Antwort abhängig von der Höhe deiner Google-Paranoia.

    derigl

    • Neu im Forum
    • Beiträge: 21
    Re: Nivo slider zerstört Lightbox
    Antwort #10 am: 05. März 2015, 18:41:17
    DANKESCHÖN!!
    :thumbs:

    web0null

    • Experte
    • Beiträge: 1.998
    Re: Nivo slider zerstört Lightbox
    Antwort #11 am: 05. März 2015, 18:51:15
    OT.
    Zitat
    Was macht mehr Sinn - Lokal oder Google?
    Für die die eine gesunde "Paranoia" haben, ist es immer eine Klare Sache, Es gibt nur einen wahren Grund, wenn jemand will das man es von seinem Server lädt ;-)

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.988
    • Geschlecht:
    Re: Nivo slider zerstört Lightbox
    Antwort #12 am: 05. März 2015, 19:58:35
    Im übrigen sollte es einen sogenannten Fallback geben, d.h. für den Fall, daß jQuery nicht von der G.-CDN geladen werden kann eine lokale jQuery einbinden.

    Gruß,
    noRiddle

    derigl

    • Neu im Forum
    • Beiträge: 21
    Re: Nivo slider zerstört Lightbox
    Antwort #13 am: 06. März 2015, 01:11:30
    Habs jetzt - eindeutig -  :whistle: lokal eingebunden. Die ganze Page funzt auch viel besser mit nur einem Verweis - und die Bilder gehen auch. NoRiddle Lightbox kommt noch.

    Danke Euch allen, der Support hier ist der Hammer!
     :thx: :thumbs:
    5 Antworten
    4661 Aufrufe
    10. Januar 2013, 01:54:02 von noRiddle (revilonetz)
    3 Antworten
    3221 Aufrufe
    14. März 2014, 22:09:18 von noRiddle (revilonetz)
    4 Antworten
    3238 Aufrufe
    06. Mai 2013, 22:35:25 von ricogon
    26 Antworten
    16503 Aufrufe
    15. Februar 2012, 10:24:58 von tinchen
               
    anything