Re: Dawn 10.0 Theme Slideshow Clickable Image without the Button

Dawn 10.0 Theme Slideshow Clickable Image without the Button

bonbons
Excursionist
22 0 3

How do I make my slideshow image clickable to a link without showing the button?

Replies 18 (18)
bonbons
Excursionist
22 0 3

Couldn't figure it out 😕

Zqdo
Shopify Partner
803 32 63

Glad to help! To get started, can you share the link to your website so I can see where you're trying to make this change?

banned
bonbons
Excursionist
22 0 3
Zqdo
Shopify Partner
803 32 63

Ok great! Do you want the slides to all go to the same link, or for each slide to go to a different link?

banned
bonbons
Excursionist
22 0 3

Different links

Zqdo
Shopify Partner
803 32 63

To make this change, you'll have to make some edits to your code files. This might get just a bit complicated.

 

How comfortable are you with writing code in your code files?

banned
bonbons
Excursionist
22 0 3

I'm ok but not great!

Zqdo
Shopify Partner
803 32 63

Go to your code files and search "slideshow". What comes up?

banned
bonbons
Excursionist
22 0 3

slideshow.liquid and component-slideshow.css

Zqdo
Shopify Partner
803 32 63

It's the first file. Can you take a screenshot of the file just to confirm?

banned
bonbons
Excursionist
22 0 3

bonbons_0-1687402643759.png

 

Zqdo
Shopify Partner
803 32 63

We're on the right file. Here's where it may get a bit complicated. 

 

What I would do first, is make a copy of this file and save it as a backup.

 

Next, you'll want to go to where the slides begin (you'll see something like for) and add a <a href="".> This will be the link to open to another page. You'll then have to also add a block at the bottom of your "schema", which will give you the option to add the link to each individual slide. At this point everything should be working.

 

I know this might seem a little confusing, and this is a bit of a time-consuming process, so if you need help setting this up, I'm glad to help.

banned
bonbons
Excursionist
22 0 3

bonbons_0-1687404693896.png

 

Getting an error when I put in my link with the < a href = "">

Zqdo
Shopify Partner
803 32 63

Where did you paste the code? Can you share a screenshot?

banned
bonbons
Excursionist
22 0 3

Line 53 

bonbons_0-1687477343832.png

 

 

Zqdo
Shopify Partner
803 32 63

I see the issue. The <a href""> should not have the for loop wrapped around it like that. I think the code structure is a little bit messed up, but no worries.

 

Would you want me to set this up for you to get you up and running as soon as possible?

banned
bonbons
Excursionist
22 0 3

That would be great! Much appreciated 🙏

sk-tnt-2023
Tourist
9 0 1

Hi, 

Even I am trying to make my banner image clickable. Currently dawn theme provides only a clickable button. Plz suggest how can the entire image be made cllickable. Reply awaited.