Shopify themes, liquid, logos, and UX
How do I make my slideshow image clickable to a link without showing the button?
Couldn't figure it out 😕
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?
Ok great! Do you want the slides to all go to the same link, or for each slide to go to a different link?
Different links
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?
I'm ok but not great!
Go to your code files and search "slideshow". What comes up?
slideshow.liquid and component-slideshow.css
It's the first file. Can you take a screenshot of the file just to confirm?
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.
Getting an error when I put in my link with the < a href = "">
Where did you paste the code? Can you share a screenshot?
Line 53
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?
That would be great! Much appreciated 🙏
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.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024