move slider when clicked

footer-scripts.html

<script>

document.addEventListener("DOMContentLoaded", () => {

    setTimeout(() => {

        // Find all sliders with the class
        const sliders = document.querySelectorAll('.x-slider');

        sliders.forEach((slider) => {

            // Get this specific slider's identifier
            const sliderId = slider.getAttribute('data-x-id');

            if (sliderId && xSlider.Instances[sliderId]) {

                const mySlider = xSlider.Instances[sliderId];

                // Find the splide__list within THIS SPECIFIC slider
                const splideList = slider.querySelector('.splide__list');

                if (splideList) {

                    splideList.addEventListener('click', function(event) {
                        mySlider.go('>');
                    });

                }

            }

        });

    }, 200);

});

</script>