clickable slideshow (debut theme)

sabrinaf
New Member
3 0 0

Hello,

I'm trying to make my entire slideshow clickable, I tried a code but it didn't work, is there any way i can do this?

Thanks in advance

0 Likes
DigitalArtisans
Tourist
141 11 25

Thank you for reaching out regarding this. This can be done in two parts, the first part requires a little coding and the second is just then customizing your theme. 

 

Step One: Edit Your Theme Code:

1. Go to Online Store > Current Theme > Actions > Edit Code.

2. Open the slider.liquid file and find  <img

3. Add the following right above it: 

 

<style>
  .slide__link {
    width: 100%;  
    height: 100%;  
    position: absolute;  
    z-index: 2;
  }
</style>
<a class="slide__link" href="{{ block.settings.button_link }}"></a>
​

 

4. Click Save. 

 

Step 2: Add your link to your slideshow:

Once you have finished editing your code you will be ready to add your link to your slideshow. To do so, go to Online Store > Themes > Customize > Slideshow and click on an image block. You will then be able to add the link under ‘Button link’.

14-54-f3izw-rgujx.png

 

Click Save.

 

Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

 

All the Best,

Hatim Ayoub | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted
0 Likes
sabrinaf
New Member
3 0 0

Hello,

Thanks for your help!

I cant seem to find <img, nothing comes up when i search it in slideshow.liquid. a few 'img' come up, but without the <. Is there another way i can find it?

Thanks, Sabrina

 

0 Likes
DigitalArtisans
Tourist
141 11 25

Go to this page and add product link, then the slideshow will be clickable. Thanks

screenshot-freelancer-ashraf.myshopify.com-2021.04.25-20_40_36.jpg

Hatim Ayoub | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted
0 Likes
sabrinaf
New Member
3 0 0

Hi,

I’m trying to make the entire image clickable, instead of using the button. So shoppers can click on the image and it takes them to a page, not the button. Is there any way to do this?

Thanks 

0 Likes
DigitalArtisans
Tourist
141 11 25

There is no way on this theme. Contact Shopify support.

Hatim Ayoub | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted
0 Likes