Tutorial: Making Your Slideshow Clickable

Store Design

Topic summary

Tutorial provides theme-specific steps to make slideshow images clickable by editing slideshow files (e.g., add code near the <img tag) for legacy Shopify themes (Debut, Narrative, Minimal, Brooklyn, Boundless, Simple, Venture). After editing, links are added via Slideshow > Button link. Note: Supply already has a Link URL setting. Tested on themes as of Sept 2020; Shopify support covers free themes only.

Key outcomes and clarifications:

  • Brooklyn: User couldn’t find <img; instructed to use in-file search; adding code above <img worked.
  • Debut: Mixed reports; ultimately confirmed to work. Slides become clickable even without a stored link; support says this is expected behavior. Request to make clicks conditional on a set URL remains unanswered.
  • Other requests (custom content images, clickable subheading, mobile slider button placement, header overlapping): redirected to new threads; no solutions posted.

Online Store 2.0 themes:

  • Multiple requests for Dawn, Craft, Refresh, Ride, Sense. One user shared an external Dawn solution that worked for them (ezfy tutorial). Another shared a Dawn image-banner replacement snippet (partially shown).

Third-party themes:

  • “Fashe” user made slides clickable but lacks a “Button link” setting; no resolution provided.

Notes: Code snippets and images/GIFs are central to applying this tutorial. Thread remains open with unresolved requests for OS 2.0 and third‑party themes.

Summarized with AI on February 2. AI used: gpt-5.
18

Hey there, @NicolasMaverde

Bo here from Shopify Support!

I would recommend posting this query in its own thread in the design board so more people will be able to see it and assist with it. Make sure to read Help Us Help You before posting.

All the Best,

Bo