How to make a slideshow clickable in the Ride theme?

Store Design

Topic summary

Goal: make the entire slideshow image in the Ride theme clickable to eliminate the need for a visible button.

Approach proposed: edit slideshow.liquid and insert an absolute, full-size anchor tag above the slideshow text wrapper so the whole slide is clickable. Initially, href was set to block.settings.image_link, with a new URL setting added to the schema after image_picker.

Results: the custom image_link setting redirected clicks to the homepage/top of the front page instead of the intended URL.

Working fix: set the anchor’s href to block.settings.link (the existing “button link” setting). This reliably sends customers to the correct URL even if the button is hidden.

Current status: partial success. Some users still cannot get slides to be clickable despite adding links and request code/site review for troubleshooting.

Key technical notes: slideshow.liquid is the section template; image_picker and schema define editable settings; the overlay anchor uses display:block and position:absolute to cover the slide.

Resolution: not final. Recommended action is to use block.settings.link and, if issues persist, share store URL and slideshow section code for further help.

Summarized with AI on January 13. AI used: gpt-5.
1

Hi,

I’m using the Ride theme and would like to know how I can make the slideshow clickable. Allowing me to remove the ugly button. A step by step guide would be greatly appreciated.

1 Like
2

@TalonFIghtGear

oh sorry for that issue can you please send store url and slideshow section code so i will check and update you.

3

@TalonFIghtGear Please update below details

  1. Open your theme,

  2. Open slideshow.liquid

  3. search for <div class="slideshow__text-wrapper banner__content banner__content–{{ block.settings.box_align }}

  4. Place the following code above it:

After that, search for image_picker and paste this piece of code just after it:

{
“type”: “url”,
“id”: “image_link”,
“label”: “Image Link”
},

4

This ALMOST works!

It just links back to the main page though and does not change to the url provided.

Changed it to:

and now the pictures will send the customer to the link that you place in the button area, even if you have removed the button.

Edit; Now I have both options of Image link & button link. Image link just takes the customer back to the top of the front page, but the button link works perfectly with or without the button showing.

5

Hello im still struggling to make this work. Can someone help me. I created the slideshow image with a faux shop now button because i didnt want the shop now button in the center of the image. So i went ahead and created a faux one and was hoping to just have the image clickable. I added the link and everything as it asked in the editing but its still not clickable. I can send my code if anyone is savvy with it and can help me out and i can also send the website and password as it is in password mode right now if that helps.