Homepage Banner Incorrectly Linked - Dawn Theme

Store Design
, , ,
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