jQuery Image Slider im Listing

Shopware 5 Programmierung
1

Hallo,

ich verwende den jQuery Image Slider im Listing (eigenes Plugin), um alle Artikel-Bilder anzuzeigen:

         {foreach $sArticleMedia as $image}
            
               ...
            
         {/foreach}

Das Ganze funktioniert prinzipiell super, nur gibt es Probleme beim „Infinite Scrolling“. Sobald der zweite Block über Ajax nachgeladen wird, funktioniert der Slider nicht mehr Undecided. Plötzlich sind die Pfeile weg und das „sliden“ klappt nicht mehr.

Hat eventuell jemand Erfahrung mit diesem Szenario und kann mir einen Tipp geben?

Viele Grüße, Frank

2

Hallo,

was sagt denn die Konsole bei dir?

Sieht das so bei dir aus?

Uncaught TypeError: Cannot read property 'top' of undefined at Plugin.onScrolling

Der Fehler ist in der Funktion in dieser Zeile 

fetchPointOffset = fetchPoint.offset().top, // Uncaught TypeError: Cannot read property 'top' of undefined

        /**
         * onScrolling method
         */
        onScrolling: function() {
            var me = this;

            // stop fetch new page if is loading atm
            if (me.isLoading || !me.opts.enabled) {
                return;
            }

            // Viewport height
            var $window = $(window),
                docTop = $window.scrollTop() + $window.height(),

                // Get last element in list to get the reference point for fetching new data
                fetchPoint = me.$el.find(me.opts.productBoxSelector).last(),
                fetchPointOffset = fetchPoint.offset().top,
                bufferSize = fetchPoint.height(),
                triggerPoint = fetchPointOffset - bufferSize;

            if (docTop > triggerPoint && (me.params[me.opts.pageShortParameter] < me.maxPages)) {
                me.fetchNewPage();
            }

 

LG,
gwen