Slideshow Images

Store Design

Topic summary

A user seeks help making slideshow images clickable in Shopify’s Dawn theme, wanting images to redirect to assigned pages. They also ask about removing extra spacing visible in mobile view.

Proposed Solution:

  • Open slideshow.liquid file in the theme editor
  • Locate the div with class slideshow__text-wrapper banner__content
  • Add an anchor tag wrapper with custom styling (absolute positioning, full width/height)
  • Search for image_picker and add a new URL field configuration for image_link with label “Image Link”

Status: The solution involves custom code modifications to the theme’s liquid files. The mobile spacing issue remains unaddressed. Implementation requires basic familiarity with Shopify theme customization.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hello Everyone，

I am looking for a solution to make my Slideshow Images Clickable in Dawn Theme. On clicking the image, it should be redirected to the assigned page. Can someone help me out here? And also when i see Slideshow on mobile vision, there is some more space, how do i delete it ? Thank you

Here is my web https://7dd6bf-4c.myshopify.com/

1 Like
2

@tabny

  1. Open your theme,

  2. Open slideshow.liquid

  3. search for <div class="slideshow__text-wrapper banner__content banner__content–{{ block.settings.box_align }}

  4. Place the following code above it:

vmweb_1-1720011284897.png

After that, search for image_picker and paste this piece of code just after it:

{
“type”: “url”,
“id”: “image_link”,
“label”: “Image Link”
},