Homepage Banner Incorrectly Linked - Dawn Theme

Store Design
, , ,

Topic summary

A user encountered an issue with a custom slideshow banner on the Dawn theme where all banner slides incorrectly linked to the homepage instead of their designated URLs.

Problem Details:

  • Custom slideshow section was successfully added to Dawn theme (which doesn’t include responsive slideshows by default)
  • Banner images displayed correctly on both mobile and desktop
  • Despite setting individual links for each banner, all redirected to homepage

Resolution:

  • Another user provided corrected code for the slideshow schema
  • The fix involved properly structuring the JSON schema with correct syntax for image pickers and URL fields
  • Original poster confirmed the solution worked perfectly

The issue appears to have been related to malformed or reversed code syntax in the schema definition, particularly in how the image links were configured.

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

Hi everyone!

I have a slight issue that I need help with if possible. I’m using the theme Dawn and apparently, what’s not included with it is a responsive slideshow banner shows up currently on both mobile and desktop. I search on YouTube and tried out about 5 videos and nothing really worked comprehensively. I then found a video specifically for adding links to banners and it seemed to have worked as the section appears as an option when I customized my theme.

The issue is although I set the links for each banner, they all link to the homepage. Here’s the coding I used. Can you point out what went wrong and provide a possible fix?

{% schema %}
{
  "name": "Custom Slideshow",
  "settings": [
    {
      "type": "checkbox",
      "id": "autoplay",
      "label": "Enable auto-play",
      "default": true
    },
    {
      "type": "number",
      "id": "autoplay_speed",
      "label": "Auto-play speed (ms)",
      "default": 3000
    }
  ],
  "blocks": [
    {
      "type": "slide",
      "name": "Slide",
      "settings": [
        {
          "type": "image_picker",
          "id": "desktop_image",
          "label": "Desktop Image"
        },
        {
          "type": "image_picker",
          "id": "mobile_image",
          "label": "Mobile Image"
        },
        {
"type": "url",
"id": "image_link",
"label": "Image Link"
},
      ]
    }
  ],
  "presets": [
    {
      "name": "Custom Slideshow",
      "category": "Custom"
    }
  ]
}
{% endschema %}

  

    {% for block in section.blocks %}
      

      
    

    {% endfor %}
2

Hi @PortRoyal ,

May I suggest code below:

{% schema %}
{
  "name": "Custom Slideshow",
  "settings": [
    {
      "type": "checkbox",
      "id": "autoplay",
      "label": "Enable auto-play",
      "default": true
    },
    {
      "type": "number",
      "id": "autoplay_speed",
      "label": "Auto-play speed (ms)",
      "default": 3000
    }
  ],
  "blocks": [
    {
      "type": "slide",
      "name": "Slide",
      "settings": [
        {
          "type": "image_picker",
          "id": "desktop_image",
          "label": "Desktop Image"
        },
        {
          "type": "image_picker",
          "id": "mobile_image",
          "label": "Mobile Image"
        },
        {
"type": "url",
"id": "image_link",
"label": "Image Link"
},
      ]
    }
  ],
  "presets": [
    {
      "name": "Custom Slideshow",
      "category": "Custom"
    }
  ]
}
{% endschema %}

  

    {% for block in section.blocks %}
      

            
                  
            
    

    {% endfor %}
3

Thank you! It worked perfectly