Re: Clickable Slideshow for Ride theme

How to make a slideshow clickable in the Ride theme?

TalonFIghtGear
Tourist
5 0 3

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.

Replies 4 (4)

KetanKumar
Shopify Partner
37618 3670 12165

@TalonFIghtGear 

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

TheRealMan1
Shopify Partner
53 1 13

@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"
},

The Real Store
If helpful then please Like and Accept Solution.
Want to create a new store or modify on store Hire me.
Feel free to contact me on khanarif366@gmail.com regarding any help
Shopify Partner | Skype : aks18766
KL-Swimwear
Tourist
10 0 4

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.

KL
jasminedflove
Visitor
2 0 0

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.