Images to appear in random order?

Hi,

Would there be any way to code this page so the images appeared in random order each time a person visited the site?

Thanks in advance.

https://smilodon-ocelot-my5f.squarespace.com

Fantastic - that seems to work - thank you!

Hi,

The images on DESKTOP version still click to a new window. But they no longer click to a new window on MOBILE version. Do you know how to fix this?

https://smilodon-ocelot-my5f.squarespace.com/gallery

On 5/23/2023 at 5:16 PM, mportch said:

Hi,

The images on DESKTOP version still click to a new window. But they no longer click to a new window on MOBILE version. Do you know how to fix this?

https://smilodon-ocelot-my5f.squarespace.com/gallery

 

You have this code in Code Injection or Page Header, it disabled click event

 <style>
            @media screen and (max-width: 767px) {
                #page .gallery a {
                    pointer-events: none;
                }
            </style>

On 4/5/2023 at 3:44 AM, tuanphan said:

Try adding to Settings > Advanced > Code Injection > Footer

<script>
document.addEventListener('DOMContentLoaded', function() {
    const productGrid = document.querySelector('.gallery-masonry .gallery-masonry-wrapper');
    if (productGrid) {
        var productItems = productGrid.querySelectorAll('figure');
        for (var i = productItems.length; i >= 0; i--) {
            productGrid.appendChild(productItems[Math.random() * i | 0]);
        }
    }
});
</script>

 

Thank you very much. This worked like a charm!

On 4/5/2023 at 3:44 AM, tuanphan said:

Try adding to Settings > Advanced > Code Injection > Footer

<script>
document.addEventListener('DOMContentLoaded', function() {
    const productGrid = document.querySelector('.gallery-masonry .gallery-masonry-wrapper');
    if (productGrid) {
        var productItems = productGrid.querySelectorAll('figure');
        for (var i = productItems.length; i >= 0; i--) {
            productGrid.appendChild(productItems[Math.random() * i | 0]);
        }
    }
});
</script>

 

This works thank you so much!
Would you know of a way to just randomise it once?