I use the Ride Theme and I want the slideshow to autorotate

URL: us.nspsurfboards.com

I created the slideshow by creating:

article.alternate.liquid

containing:

{% section ‘slideshow’ %} to the code.

#1 How can I get the slideshow to autorotate?
#2 How can I make the box disappear and just use the button that says “Learn more” please?

@KetanKumar - I need a coding hero…

Hi @sachahcas ,

Don’t know you are looking for script answer or not, but would recommend to use below script.

window.addEventListener('DOMContentLoaded', function(){
	var sliderbtn = document.querySelector(".slider-button--next");
	var i=0;
	setInterval(function(){
		console.log('index',i++);
		sliderbtn.click()
	},5000);
})

5000 is second if you want to increase time for slider.
Hope it will help!

Hi Buddy, I simply pasted that below the 1st line on article.alternate.liquid

and that didn’t work.

Am I doing it wrong?

sorry, I didn’t mentioned it earlier did you use script tag before my code, so final code to be paste in liquid would be like below.


Not working. Final code looking like this:

{% section ‘slideshow’ %}

[email removed]Hari1_prasad
If I am doing something wrong, please let me know?
All the best,

Sacha

plz try below one


Nothing changed, sorry.
Not sure what I can do to make it work.

What is the problem you think?

I’m not able to view my script in view source can u confirm it’s availability??

Hope this is not too small?

I would request you to add whole code in slideshow.liquid


1 Like