Shopify themes, liquid, logos, and UX
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.
oh sorry for that issue can you please send store url and slideshow section code so i will check and update you.
@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:
<a href="{{ block.settings.image_link }}" style="display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;"></a>
After that, search for image_picker and paste this piece of code just after it:
{
"type": "url",
"id": "image_link",
"label": "Image Link"
},
This ALMOST works!
It just links back to the main page though and does not change to the url provided.
Changed it to:
<a href="{{ block.settings.link }}" style="display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;"></a>
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.
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.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025