Carousel and Gallery automatic rotation

Site URL: https://www.ruthhef.com/

Hi,

I looked through previouse answers for code injection, but none of them are working for me. I would like to have all carousels and galleries automatically scroll through.

I would be extremly greatful for help 🙂

Thanks,

Jasmin

33 minutes ago, jasminreinmoeller said:

Site URL: https://www.ruthhef.com/

Hi,

I looked through previouse answers for code injection, but none of them are working for me. I would like to have all carousels and galleries automatically scroll through.

I would be extremly greatful for help 🙂

Thanks,

Jasmin

Hi,

You can try adding to Home > Settings > Advanced > Code Injection, choose the footer

<script>
	(function docReady(fn) {
	// see if DOM is already available
	if (document.readyState === "complete" || document.readyState === "interactive") {
		// call on next available tick
		setTimeout(fn, 1);
	} else {
		document.addEventListener("DOMContentLoaded", fn);
	}
})(() => {
	if (window.location == window.parent.location) {
		const reelControls = document.querySelectorAll('.gallery-reel-control [data-next]');
		reelControls.forEach(reelControl => {
			(function reelTimer() {
				setTimeout(() => {
					reelControl.click();
					reelTimer();
				}, 2000); // change this value to change the speed
			})();
		})
	}
});
</script>

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

Hi Bangank36,

thanks for helping me. It worked for the gallery section, but not the carousel part on the top and the bottom of my page. Do you think you can still make that work? Thank you su much in advance!!!!