Randomize Row on page load

pufuleti

Hi,

Would there be any way to change / randomize the order of the rows at every page load?
I see that every row has a class "row-0" etc.

Thanks a lot,
P

arminunruh

<script>
window.laytheme.on('newpageshown', function() {
    // Select the parent container of the rows
    var container = jQuery('.grid-inner'); 
    
    // Select all the row divs and convert the jQuery object to a true Array
    var rows = container.children('.row').get();

    // Fisher-Yates Shuffle Algorithm
    for (var i = rows.length - 1; i > 0; i--) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = rows[i];
        rows[i] = rows[j];
        rows[j] = temp;
    }

    // Re-append the shuffled rows back to the container
    jQuery.each(rows, function(index, row) {
        container.append(row);
    });
});
</script>

add this to lay options -> custom css & html -> custom <head> content

pufuleti

Thank you!

Lay Theme Forum

Randomize Row on page load

Online Users