Upgrading 5.9.1 to 6.4.3: Portfolio-- arrangement; Infinity Scroller

Hello,

1. Simply remove the data-layout="fitRows" Attribute from the .portfolio DIV. This will make the Thumbs arrange in a Masonry Layout.

2. You are using Older Codes for jQuery which does not work in the Latest Versions of jQuery. Consider updating the JS Codes with the following:
   [ch_pre]

   jQuery(window).on( 'load', function(){

    var $container = $('.grid-container');
   
    $container.infiniteScroll({
        path: '.load-next-portfolio',
        button: '.load-next-portfolio',
        scrollThreshold: false,
        history: false,
        status: '.page-load-status'
    });
   
    $container.on( 'load.infiniteScroll', function( event, response, path ) {
        var $items = $( response ).find('.portfolio-item');
        // append items after images loaded
        $items.imagesLoaded( function() {
            $container.append( $items );
            $container.isotope( 'insert', $items );
            setTimeout( function(){
                $container.isotope('layout');
                SEMICOLON.widget.loadFlexSlider();
                SEMICOLON.widget.hoverAnimation();
            }, 1000 );
        });
    });

   });

[/ch_pre]

Consider checking out this Example: https://themes.semicolonweb.com/html/canvas/portfolio-infinity-scroll.html .

1. Simply wrap the Container with data-lightbox="gallery" and the Gallery Images within the Container with data-lightbox="gallery-item". Thats it.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Thanks for your Patience!

We have tried checking this out and unfortunately using the Lightbox Plugin with Isotope Plugin causes this issue as the Order of the Images is being changed (when clicked on shuffle or filtering) in JS by using CSS Positions and not exactly in HTML. The Lightbox Plugin currently orders Images based on their HTML Positions. We have been working on a Solution since yesterday but it seems that this will require more hefty customizations than expected due to the nature of the functionality used by the Lightbox Plugin. Currently, we do not have a Solution available for this but we will continue working on this and will provide you with solution once available. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Hello,

Very Happy to Help! :)

The problem you have mentioned with the Lightbox is very correct and is the desired User Experience so this must be fixed. We are still working on this and we will definitely let you know when there are further developments. Thanks for your Continued Patience.

Please do let us know if we can help you with anything else.