Potfolio Shuffle

4 replies · opened Dec 30, 2016

JjustadevDec 30, 2016

Hi there, love the template.

Trying to get a portfolio to automatically shuffle on load. Found a similar request where the solution was to include a bit of script at the bottom of the page. Tried that, but my browser returns an error that isotope has not been initialized. Thinking it was some issue with modifications I'd made to the js files, I tried it on the original template. Same error message came up in the console and they're not randomized.

The shuffle button works fine if I include it, but I'm looking for it just to happen on load.

SSemicolon WebSTAFFJan 2, 2017

Hello,

Thank You so much for the Kind Words. :)

This is Definitely Possible. Please add the following JS Code at the bottom of the page just after the js/functions.js JS File Linking:


    jQuery(window).on( 'load', function(){
        jQuery('.grid-container').isotope('shuffle');
    });

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.

JjuanleMar 13, 2017

This is great news! Thanks, extremely useful to do this in the front-end instead of the back-end

JjuanleMar 13, 2017

But I have checked adding the code and it is not working. Thanks for for double-checking maybe the code has to be updated based on the new template.

SSemicolon WebSTAFFMar 24, 2017

Hello,

Please consider using the following code instead:


	jQuery(window).on( 'load', function(){
		setTimeout( function() {
			jQuery('.grid-container').isotope('shuffle');
		}, 500 );
	});

This should work more effectively. Hope this Helps!

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard