Slideshow images clickable for Sleek theme

Topic summary

Main issue: Make slideshow images clickable (desktop and mobile) in the Sleek Shopify theme without showing a button. The user noted their slideshow.liquid lacked the typical text-wrapper markup.

Attempts: User tried wrapping slides with anchor tags and absolute-positioned full-slide links using Liquid variables (e.g., block.settings.image_link, block.settings.link), but links always redirected to the homepage when set via the customizer. Code snippets were central to diagnosing the issue.

Proposed approach: Modify the theme’s Liquid schema to add a link setting in the customizer, or directly wrap the slideshow image in an tag with the desired URL. Liquid is Shopify’s templating language; schema changes expose settings in the theme editor.

Access request: A helper offered to review and edit the paid theme via collaborator/staff access to implement the change.

Outcome: The original theme developer returned and completed the customization successfully. No specific code solution was shared.

Status: Resolved by the theme developer. No open questions or additional action items noted.

Summarized with AI on December 12. AI used: gpt-5.

Hi all,

I’m trying to make slideshow images clickable for both desktop and moblie images, in the Sleek theme. I don’t want the button to show and when I do put the link in, but no button label, it doesn’t let the image still link to that page.

Note for my slideshow.liquid theme code - it does not have the code that starts with:

https://maxxherb.com/

Any help would be appreciated.

Thank you!

To make your slideshow images clickable you will have to modify the liquid schema to let you add links from the customizer or you can directly wrap the slideshow images inside a tag with particular links you want user to direct to.

Thank you, do you know what code you would generally use to do that. I’ve tried a few different ones but they would only link back to the homepage:

<a href=“{{ block.settings.link }}” class=“slideshow__action-full”

style="position: absolute;

width: 100%;

height: 100%;

left: 0;

top: 0;

z-index: 99;

display: block !important;">

<img src="{{ slide.image | img_url: ‘large’ }}" alt="{{ slide.alt }}">

These codes would only allow it to link to the homepage even when I would change the link in the customizer.

Since you are using a paid theme, please send me collaborator access to your store or add me as a staff whatever suits you best and I can look it up for you and make necessary edits

Thank you for the offer. The developer got back in touch with me and they were able to make that customization. Thank you again!

1 Like

Thank you for notifying about this.

Good luck on your store and your business :+1: