Randomize Portfolio

Can you randomize the portfolio layout? so that the projects load in a different order on reload of the "portfolio" page.

Can you share link to portfolio page? We can check easier

https://fezlab2.squarespace.com/
pw: mingus12!

I'm hoping to have the order of the display change on load? so each time someone comes to that page and different project will be first. 

Try adding this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const productGrid = document.querySelector('div#gridThumbs');
    if (productGrid) {
        var productItems = productGrid.querySelectorAll('.grid-item');
        for (var i = productItems.length; i >= 0; i--) {
            productGrid.appendChild(productItems[Math.random() * i | 0]);
        }
    }
});
</script>

Does this code work for a single portfolio or does it affect all portfolios on a site?

Looks like it's working - I just added it to the code injection for the single portfolio page so it does not affect my other portfolios.

Thanks!

On 6/28/2023 at 11:39 AM, tuanphan said:

Try adding this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const productGrid = document.querySelector('div#gridThumbs');
    if (productGrid) {
        var productItems = productGrid.querySelectorAll('.grid-item');
        for (var i = productItems.length; i >= 0; i--) {
            productGrid.appendChild(productItems[Math.random() * i | 0]);
        }
    }
});
</script>

 

Hi, 

is there a way to make this code work on my site?

https://rico-x.com/projects-x

https://rico-x.com/united-colours-of-citrus

Thanks