i want to add link on my banner

Manishuk01 · May 17, 2025, 9:35am

i add the option to add link via help of chat gpt but image start zooming automatically and click also not working

https://z0i1ji-tn.myshopify.com/

code is

{%- if section.settings.image_height == ‘adapt’ and section.settings.image != blank -%}
{%- style -%}
@media screen and (max-width: 749px) {
#Banner-{{ section.id }}::before,
#Banner-{{ section.id }} .banner__media::before,
#Banner-{{ section.id }}:not(.banner–mobile-bottom) .banner__content::before {
padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%;
content: ‘’;
display: block;
}
}

@media screen and (min-width: 750px) {
#Banner-{{ section.id }}::before,
#Banner-{{ section.id }} .banner__media::before {
padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%;
content: ‘’;
display: block;
}
}
{%- endstyle -%}
{%- endif -%}

{%- style -%}
#Banner-{{ section.id }}::after {
opacity: {{ section.settings.image_overlay_opacity | divided_by: 100.0 }};
}
{%- endstyle -%}

{%- liquid
assign full_width = ‘100vw’
assign widths = ‘375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840’

if section.settings.image_behavior == ‘ambient’
assign half_width = ‘60vw’
assign full_width = ‘120vw’
assign stacked_sizes = ‘(min-width: 750px) 60vw, 120vw’
assign widths = ‘450, 660, 900, 1320, 1800, 2136, 2400, 3600, 7680’
elsif section.settings.image_behavior == ‘fixed’ or section.settings.image_behavior == ‘zoom-in’
assign half_width = ‘100vw’
assign stacked_sizes = ‘100vw’
else
assign half_width = ‘50vw’
assign stacked_sizes = ‘(min-width: 750px) 50vw, 100vw’
endif
assign fetch_priority = ‘auto’
if section.index == 1
assign fetch_priority = ‘high’
endif
-%}

{%- if section.settings.image != blank -%}

{%- liquid assign image_height = section.settings.image.width | divided_by: section.settings.image.aspect_ratio if section.settings.image_2 != blank assign image_class = 'banner__media-image-half' endif if section.settings.image_2 != blank and section.settings.stack_images_on_mobile assign sizes = stacked_sizes elsif section.settings.image_2 != blank assign sizes = half_width else assign sizes = full_width endif -%} {%- assign img_tag = section.settings.image | image_url: width: 3840 | image_tag: width: section.settings.image.width, height: image_height, class: image_class, sizes: sizes, widths: widths, fetchpriority: fetch_priority -%} {%- if section.settings.paste_link != blank -%} {{ img_tag }} {%- else -%} {{ img_tag }} {%- endif -%}

{%- elsif section.settings.image_2 == blank -%}

{%- endif -%} {%- if section.settings.image_2 != blank -%}

{%- liquid assign image_height_2 = section.settings.image_2.width | divided_by: section.settings.image_2.aspect_ratio if section.settings.image != blank assign image_class_2 = 'banner__media-image-half' endif if section.settings.image != blank and section.settings.stack_images_on_mobile assign sizes = stacked_sizes elsif section.settings.image_2 != blank assign sizes = half_width else assign sizes = full_width endif -%} {{ section.settings.image_2 | image_url: width: 3840 | image_tag: width: section.settings.image_2.width, height: image_height_2, class: image_class_2, sizes: sizes, widths: widths, fetchpriority: fetch_priority }}

{%- endif -%}

{%- for block in section.blocks -%} {%- case block.type -%} {%- when 'heading' -%}

{%- when 'text' -%}

{%- when 'buttons' -%}

{%- if block.settings.button_label_1 != blank -%} {{- block.settings.button_label_1 | escape -}} {%- endif -%} {%- if block.settings.button_label_2 != blank -%} {{- block.settings.button_label_2 | escape -}} {%- endif -%}

{%- endcase -%} {%- endfor -%}

{% schema %}
{
“name”: “t:sections.image-banner.name”,
“tag”: “section”,
“class”: “section”,
“disabled_on”: {
“groups”: [“header”, “footer”]
},
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “t:sections.image-banner.settings.image.label”
},
{
“type”: “image_picker”,
“id”: “image_2”,
“label”: “t:sections.image-banner.settings.image_2.label”
},
{
“type”: “url”,
“id”: “paste_link”,
“label”: “Paste link (optional)”
},
{
“type”: “range”,
“id”: “image_overlay_opacity”,
“min”: 0,
“max”: 100,
“step”: 10,
“unit”: “%”,
“label”: “t:sections.image-banner.settings.image_overlay_opacity.label”,
“default”: 0
},
{
“type”: “select”,
“id”: “image_height”,
“options”: [
{
“value”: “adapt”,
“label”: “t:sections.image-banner.settings.image_height.options__1.label”
},
{
“value”: “small”,
“label”: “t:sections.image-banner.settings.image_height.options__2.label”
},
{
“value”: “medium”,
“label”: “t:sections.image-banner.settings.image_height.options__3.label”
},
{
“value”: “large”,
“label”: “t:sections.image-banner.settings.image_height.options__4.label”
}
],
“default”: “medium”,
“label”: “t:sections.image-banner.settings.image_height.label”
},
{
“type”: “select”,
“id”: “image_behavior”,
“options”: [
{
“value”: “none”,
“label”: “t:sections.all.animation.image_behavior.options__1.label”
},
{
“value”: “ambient”,
“label”: “t:sections.all.animation.image_behavior.options__2.label”
},
{
“value”: “fixed”,
“label”: “t:sections.all.animation.image_behavior.options__3.label”
},
{
“value”: “zoom-in”,
“label”: “t:sections.all.animation.image_behavior.options__4.label”
}
],
“default”: “none”,
“label”: “t:sections.all.animation.image_behavior.label”
},
{
“type”: “header”,
“content”: “t:sections.image-banner.settings.content.content”
},
{
“type”: “select”,
“id”: “desktop_content_position”,
“options”: [
{
“value”: “top-left”,
“label”: “t:sections.image-banner.settings.desktop_content_position.options__1.label”
},
{
“value”: “top-center”,
“label”: “t:sections.image-banner.settings.desktop_content_position.options__2.label”
},
{
“value”: “top-right”,
“label”: “t:sections.image-banner.settings.desktop_content_position.options__3.label”
},
{
“value”: “middle-left”,
“label”: “t:sections.image-banner.settings.desktop_content_position.options__4.label”
},
{
“value”: “middle-center”,
“label”: “t:sections.image-banner.settings.desktop_content_position.options__5.label”
},
{
“value”: “middle-right”,
“label”: “t:sections.image-banner.settings.desktop_content_position.options__6.label”
},
{
“value”: “bottom-left”,
“label”: “t:sections.image-banner.settings.desktop_content_position.options__7.label”
},
{
“value”: “bottom-center”,
“label”: “t:sections.image-banner.settings.desktop_content_position.options__8.label”
},
{
“value”: “bottom-right”,
“label”: “t:sections.image-banner.settings.desktop_content_position.options__9.label”
}
],
“default”: “middle-center”,
“label”: “t:sections.image-banner.settings.desktop_content_position.label”
},
{
“type”: “select”,
“id”: “desktop_content_alignment”,
“options”: [
{
“value”: “left”,
“label”: “t:sections.image-banner.settings.desktop_content_alignment.options__1.label”
},
{
“value”: “center”,
“label”: “t:sections.image-banner.settings.desktop_content_alignment.options__2.label”
},
{
“value”: “right”,
“label”: “t:sections.image-banner.settings.desktop_content_alignment.options__3.label”
}
],
“default”: “center”,
“label”: “t:sections.image-banner.settings.desktop_content_alignment.label”
},
{
“type”: “checkbox”,
“id”: “show_text_box”,
“default”: true,
“label”: “t:sections.image-banner.settings.show_text_box.label”
},
{
“type”: “color_scheme”,
“id”: “color_scheme”,
“label”: “t:sections.all.colors.label”,
“default”: “scheme-1”
},
{
“type”: “header”,
“content”: “t:sections.image-banner.settings.mobile.content”
},
{
“type”: “checkbox”,
“id”: “stack_images_on_mobile”,
“default”: true,
“label”: “t:sections.image-banner.settings.stack_images_on_mobile.label”
},
{
“type”: “select”,
“id”: “mobile_content_alignment”,
“options”: [
{
“value”: “left”,
“label”: “t:sections.image-banner.settings.mobile_content_alignment.options__1.label”
},
{
“value”: “center”,
“label”: “t:sections.image-banner.settings.mobile_content_alignment.options__2.label”
},
{
“value”: “right”,
“label”: “t:sections.image-banner.settings.mobile_content_alignment.options__3.label”
}
],
“default”: “center”,
“label”: “t:sections.image-banner.settings.mobile_content_alignment.label”
},
{
“type”: “checkbox”,
“id”: “show_text_below”,
“default”: true,
“label”: “t:sections.image-banner.settings.show_text_below.label”
}
],
“blocks”: [
{
“type”: “heading”,
“name”: “t:sections.image-banner.blocks.heading.name”,
“limit”: 1,
“settings”: [
{
“type”: “inline_richtext”,
“id”: “heading”,
“default”: “t:sections.image-banner.blocks.heading.settings.heading.default”,
“label”: “t:sections.image-banner.blocks.heading.settings.heading.label”
},
{
“type”: “select”,
“id”: “heading_size”,
“options”: [
{
“value”: “h2”,
“label”: “t:sections.all.heading_size.options__1.label”
},
{
“value”: “h1”,
“label”: “t:sections.all.heading_size.options__2.label”
},
{
“value”: “h0”,
“label”: “t:sections.all.heading_size.options__3.label”
},
{
“value”: “hxl”,
“label”: “t:sections.all.heading_size.options__4.label”
},
{
“value”: “hxxl”,
“label”: “t:sections.all.heading_size.options__5.label”
}
],
“default”: “h1”,
“label”: “t:sections.all.heading_size.label”
}
]
},
{
“type”: “text”,
“name”: “t:sections.image-banner.blocks.text.name”,
“limit”: 1,
“settings”: [
{
“type”: “inline_richtext”,
“id”: “text”,
“default”: “t:sections.image-banner.blocks.text.settings.text.default”,
“label”: “t:sections.image-banner.blocks.text.settings.text.label”
},
{
“type”: “select”,
“id”: “text_style”,
“options”: [
{
“value”: “body”,
“label”: “t:sections.image-banner.blocks.text.settings.text_style.options__1.label”
},
{
“value”: “subtitle”,
“label”: “t:sections.image-banner.blocks.text.settings.text_style.options__2.label”
},
{
“value”: “caption-with-letter-spacing”,
“label”: “t:sections.image-banner.blocks.text.settings.text_style.options__3.label”
}
],
“default”: “body”,
“label”: “t:sections.image-banner.blocks.text.settings.text_style.label”
}
]
},
{
“type”: “buttons”,
“name”: “t:sections.image-banner.blocks.buttons.name”,
“limit”: 1,
“settings”: [
{
“type”: “header”,
“content”: “t:sections.image-banner.blocks.buttons.settings.header_1.content”
},
{
“type”: “text”,
“id”: “button_label_1”,
“default”: “t:sections.image-banner.blocks.buttons.settings.button_label_1.default”,
“label”: “t:sections.image-banner.blocks.buttons.settings.button_label_1.label”,
“info”: “t:sections.image-banner.blocks.buttons.settings.button_label_1.info”
},
{
“type”: “url”,
“id”: “button_link_1”,
“label”: “t:sections.image-banner.blocks.buttons.settings.button_link_1.label”
},
{
“type”: “checkbox”,
“id”: “button_style_secondary_1”,
“default”: false,
“label”: “t:sections.image-banner.blocks.buttons.settings.button_style_secondary_1.label”
},
{
“type”: “header”,
“content”: “t:sections.image-banner.blocks.buttons.settings.header_2.content”
},
{
“type”: “text”,
“id”: “button_label_2”,
“default”: “t:sections.image-banner.blocks.buttons.settings.button_label_2.default”,
“label”: “t:sections.image-banner.blocks.buttons.settings.button_label_2.label”,
“info”: “t:sections.image-banner.blocks.buttons.settings.button_label_2.info”
},
{
“type”: “url”,
“id”: “button_link_2”,
“label”: “t:sections.image-banner.blocks.buttons.settings.button_link_2.label”
},
{
“type”: “checkbox”,
“id”: “button_style_secondary_2”,
“default”: false,
“label”: “t:sections.image-banner.blocks.buttons.settings.button_style_secondary_2.label”
}
]
}
],
“presets”: [
{
“name”: “t:sections.image-banner.presets.name”,
“blocks”: [
{
“type”: “heading”
},
{
“type”: “text”
},
{
“type”: “buttons”
}
]
}
]
}
{% endschema %}

mageplaza-cs · June 11, 2025, 9:54am

Hi @Manishuk01 ,

I am from Mageplaza - Shopify solution expert.

You’re on the right track. However, the reason the link on your banner image doesn’t work is because the element does not fully cover the banner image.

I’ve adjusted your code, and it’s working well in my local environment.

Please update your code with the new version below:

{{ 'section-image-banner.css' | asset_url | stylesheet_tag }}

{%- if section.settings.image_height == 'adapt' and section.settings.image != blank -%}
    {%- style -%}
        @media screen and (max-width: 749px) {
        #Banner-{{ section.id }}::before,
        #Banner-{{ section.id }} .banner__media::before,
        #Banner-{{ section.id }}:not(.banner--mobile-bottom) .banner__content::before {
        padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%;
        content: '';
        display: block;
        }
        }

        @media screen and (min-width: 750px) {
        #Banner-{{ section.id }}::before,
        #Banner-{{ section.id }} .banner__media::before {
        padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%;
        content: '';
        display: block;
        }
        }
    {%- endstyle -%}
{%- endif -%}

{%- style -%}
    #Banner-{{ section.id }}::after {
    opacity: {{ section.settings.image_overlay_opacity | divided_by: 100.0 }};
    }
{%- endstyle -%}

{%- liquid
    assign full_width = '100vw'
    assign widths = '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840'

    if section.settings.image_behavior == 'ambient'
        assign half_width = '60vw'
        assign full_width = '120vw'
        assign stacked_sizes = '(min-width: 750px) 60vw, 120vw'
        assign widths = '450, 660, 900, 1320, 1800, 2136, 2400, 3600, 7680'
    elsif section.settings.image_behavior == 'fixed' or section.settings.image_behavior == 'zoom-in'
        assign half_width = '100vw'
        assign stacked_sizes = '100vw'
    else
        assign half_width = '50vw'
        assign stacked_sizes = '(min-width: 750px) 50vw, 100vw'
    endif
    assign fetch_priority = 'auto'
    if section.index == 1
        assign fetch_priority = 'high'
    endif
-%}

    {%- if section.settings.image != blank -%}
        
            {%- liquid
                assign image_height = section.settings.image.width | divided_by: section.settings.image.aspect_ratio
                if section.settings.image_2 != blank
                    assign image_class = 'banner__media-image-half'
                endif
                if section.settings.image_2 != blank and section.settings.stack_images_on_mobile
                    assign sizes = stacked_sizes
                elsif section.settings.image_2 != blank
                    assign sizes = half_width
                else
                    assign sizes = full_width
                endif
            -%}
            {%- assign img_tag = section.settings.image
                    | image_url: width: 3840
                    | image_tag:
            width: section.settings.image.width,
            height: image_height,
            class: image_class,
            sizes: sizes,
            widths: widths,
            fetchpriority: fetch_priority
            -%}
            {%- if section.settings.paste_link != blank -%}
                
                    {{ img_tag }}
                
            {%- else -%}
                {{ img_tag }}
            {%- endif -%}
        
    {%- elsif section.settings.image_2 == blank -%}
        

            {{ 'hero-apparel-1' | placeholder_svg_tag: 'placeholder-svg' }}
        

    {%- endif -%}
    {%- if section.settings.image_2 != blank -%}
        
            {%- liquid
                assign image_height_2 = section.settings.image_2.width | divided_by: section.settings.image_2.aspect_ratio
                if section.settings.image != blank
                    assign image_class_2 = 'banner__media-image-half'
                endif
                if section.settings.image != blank and section.settings.stack_images_on_mobile
                    assign sizes = stacked_sizes
                elsif section.settings.image_2 != blank
                    assign sizes = half_width
                else
                    assign sizes = full_width
                endif
            -%}
            {{
            section.settings.image_2
            | image_url: width: 3840
            | image_tag:
            width: section.settings.image_2.width,
            height: image_height_2,
            class: image_class_2,
            sizes: sizes,
            widths: widths,
            fetchpriority: fetch_priority
            }}
        

    {%- endif -%}
    
        

            {%- for block in section.blocks -%}
                {%- case block.type -%}
                    {%- when 'heading' -%}
                        ## 
                            {{ block.settings.heading }}
                        
                    {%- when 'text' -%}
                        
                            

{{ block.settings.text }}

                        

                    {%- when 'buttons' -%}
                        

                            {%- if block.settings.button_label_1 != blank -%}
                                
                                    {{- block.settings.button_label_1 | escape -}}
                                
                            {%- endif -%}
                            {%- if block.settings.button_label_2 != blank -%}
                                
                                    {{- block.settings.button_label_2 | escape -}}
                                
                            {%- endif -%}
                        

                {%- endcase -%}
            {%- endfor -%}
        

    

{% schema %}
{
  "name": "t:sections.image-banner.name",
  "tag": "section",
  "class": "section",
  "disabled_on": {
    "groups": [
      "header",
      "footer"
    ]
  },
  "settings": [
    {
      "type": "image_picker",
      "id": "image",
      "label": "t:sections.image-banner.settings.image.label"
    },
    {
      "type": "image_picker",
      "id": "image_2",
      "label": "t:sections.image-banner.settings.image_2.label"
    },
    {
      "type": "url",
      "id": "paste_link",
      "label": "Paste link (optional)"
    },
    {
      "type": "range",
      "id": "image_overlay_opacity",
      "min": 0,
      "max": 100,
      "step": 10,
      "unit": "%",
      "label": "t:sections.image-banner.settings.image_overlay_opacity.label",
      "default": 0
    },
    {
      "type": "select",
      "id": "image_height",
      "options": [
        {
          "value": "adapt",
          "label": "t:sections.image-banner.settings.image_height.options__1.label"
        },
        {
          "value": "small",
          "label": "t:sections.image-banner.settings.image_height.options__2.label"
        },
        {
          "value": "medium",
          "label": "t:sections.image-banner.settings.image_height.options__3.label"
        },
        {
          "value": "large",
          "label": "t:sections.image-banner.settings.image_height.options__4.label"
        }
      ],
      "default": "medium",
      "label": "t:sections.image-banner.settings.image_height.label"
    },
    {
      "type": "select",
      "id": "image_behavior",
      "options": [
        {
          "value": "none",
          "label": "t:sections.all.animation.image_behavior.options__1.label"
        },
        {
          "value": "ambient",
          "label": "t:sections.all.animation.image_behavior.options__2.label"
        },
        {
          "value": "fixed",
          "label": "t:sections.all.animation.image_behavior.options__3.label"
        },
        {
          "value": "zoom-in",
          "label": "t:sections.all.animation.image_behavior.options__4.label"
        }
      ],
      "default": "none",
      "label": "t:sections.all.animation.image_behavior.label"
    },
    {
      "type": "header",
      "content": "t:sections.image-banner.settings.content.content"
    },
    {
      "type": "select",
      "id": "desktop_content_position",
      "options": [
        {
          "value": "top-left",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__1.label"
        },
        {
          "value": "top-center",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__2.label"
        },
        {
          "value": "top-right",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__3.label"
        },
        {
          "value": "middle-left",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__4.label"
        },
        {
          "value": "middle-center",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__5.label"
        },
        {
          "value": "middle-right",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__6.label"
        },
        {
          "value": "bottom-left",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__7.label"
        },
        {
          "value": "bottom-center",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__8.label"
        },
        {
          "value": "bottom-right",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__9.label"
        }
      ],
      "default": "middle-center",
      "label": "t:sections.image-banner.settings.desktop_content_position.label"
    },
    {
      "type": "select",
      "id": "desktop_content_alignment",
      "options": [
        {
          "value": "left",
          "label": "t:sections.image-banner.settings.desktop_content_alignment.options__1.label"
        },
        {
          "value": "center",
          "label": "t:sections.image-banner.settings.desktop_content_alignment.options__2.label"
        },
        {
          "value": "right",
          "label": "t:sections.image-banner.settings.desktop_content_alignment.options__3.label"
        }
      ],
      "default": "center",
      "label": "t:sections.image-banner.settings.desktop_content_alignment.label"
    },
    {
      "type": "checkbox",
      "id": "show_text_box",
      "default": true,
      "label": "t:sections.image-banner.settings.show_text_box.label"
    },
    {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "t:sections.all.colors.label",
      "default": "scheme-1"
    },
    {
      "type": "header",
      "content": "t:sections.image-banner.settings.mobile.content"
    },
    {
      "type": "checkbox",
      "id": "stack_images_on_mobile",
      "default": true,
      "label": "t:sections.image-banner.settings.stack_images_on_mobile.label"
    },
    {
      "type": "select",
      "id": "mobile_content_alignment",
      "options": [
        {
          "value": "left",
          "label": "t:sections.image-banner.settings.mobile_content_alignment.options__1.label"
        },
        {
          "value": "center",
          "label": "t:sections.image-banner.settings.mobile_content_alignment.options__2.label"
        },
        {
          "value": "right",
          "label": "t:sections.image-banner.settings.mobile_content_alignment.options__3.label"
        }
      ],
      "default": "center",
      "label": "t:sections.image-banner.settings.mobile_content_alignment.label"
    },
    {
      "type": "checkbox",
      "id": "show_text_below",
      "default": true,
      "label": "t:sections.image-banner.settings.show_text_below.label"
    }
  ],
  "blocks": [
    {
      "type": "heading",
      "name": "t:sections.image-banner.blocks.heading.name",
      "limit": 1,
      "settings": [
        {
          "type": "inline_richtext",
          "id": "heading",
          "default": "t:sections.image-banner.blocks.heading.settings.heading.default",
          "label": "t:sections.image-banner.blocks.heading.settings.heading.label"
        },
        {
          "type": "select",
          "id": "heading_size",
          "options": [
            {
              "value": "h2",
              "label": "t:sections.all.heading_size.options__1.label"
            },
            {
              "value": "h1",
              "label": "t:sections.all.heading_size.options__2.label"
            },
            {
              "value": "h0",
              "label": "t:sections.all.heading_size.options__3.label"
            },
            {
              "value": "hxl",
              "label": "t:sections.all.heading_size.options__4.label"
            },
            {
              "value": "hxxl",
              "label": "t:sections.all.heading_size.options__5.label"
            }
          ],
          "default": "h1",
          "label": "t:sections.all.heading_size.label"
        }
      ]
    },
    {
      "type": "text",
      "name": "t:sections.image-banner.blocks.text.name",
      "limit": 1,
      "settings": [
        {
          "type": "inline_richtext",
          "id": "text",
          "default": "t:sections.image-banner.blocks.text.settings.text.default",
          "label": "t:sections.image-banner.blocks.text.settings.text.label"
        },
        {
          "type": "select",
          "id": "text_style",
          "options": [
            {
              "value": "body",
              "label": "t:sections.image-banner.blocks.text.settings.text_style.options__1.label"
            },
            {
              "value": "subtitle",
              "label": "t:sections.image-banner.blocks.text.settings.text_style.options__2.label"
            },
            {
              "value": "caption-with-letter-spacing",
              "label": "t:sections.image-banner.blocks.text.settings.text_style.options__3.label"
            }
          ],
          "default": "body",
          "label": "t:sections.image-banner.blocks.text.settings.text_style.label"
        }
      ]
    },
    {
      "type": "buttons",
      "name": "t:sections.image-banner.blocks.buttons.name",
      "limit": 1,
      "settings": [
        {
          "type": "header",
          "content": "t:sections.image-banner.blocks.buttons.settings.header_1.content"
        },
        {
          "type": "text",
          "id": "button_label_1",
          "default": "t:sections.image-banner.blocks.buttons.settings.button_label_1.default",
          "label": "t:sections.image-banner.blocks.buttons.settings.button_label_1.label",
          "info": "t:sections.image-banner.blocks.buttons.settings.button_label_1.info"
        },
        {
          "type": "url",
          "id": "button_link_1",
          "label": "t:sections.image-banner.blocks.buttons.settings.button_link_1.label"
        },
        {
          "type": "checkbox",
          "id": "button_style_secondary_1",
          "default": false,
          "label": "t:sections.image-banner.blocks.buttons.settings.button_style_secondary_1.label"
        },
        {
          "type": "header",
          "content": "t:sections.image-banner.blocks.buttons.settings.header_2.content"
        },
        {
          "type": "text",
          "id": "button_label_2",
          "default": "t:sections.image-banner.blocks.buttons.settings.button_label_2.default",
          "label": "t:sections.image-banner.blocks.buttons.settings.button_label_2.label",
          "info": "t:sections.image-banner.blocks.buttons.settings.button_label_2.info"
        },
        {
          "type": "url",
          "id": "button_link_2",
          "label": "t:sections.image-banner.blocks.buttons.settings.button_link_2.label"
        },
        {
          "type": "checkbox",
          "id": "button_style_secondary_2",
          "default": false,
          "label": "t:sections.image-banner.blocks.buttons.settings.button_style_secondary_2.label"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "t:sections.image-banner.presets.name",
      "blocks": [
        {
          "type": "heading"
        },
        {
          "type": "text"
        },
        {
          "type": "buttons"
        }
      ]
    }
  ]
}
{% endschema %}

*Result:

Please let me know if it works as expected.

Best regards!

Topic		Replies	Views
Dawn Theme Customisation - Adding URL to image link Store Design	4	8	June 29, 2022
How can I make my image banners clickable again? Store Design design , customizations , css	6	30	November 8, 2022
Clickable image on home page - dawn theme Shopify Discussion	7	12	October 26, 2022
How can I make image banners clickable? Technical Q&A	3	19	January 28, 2024
Code needed to making a banner image clickable in the new 15.0 Dawn theme Store Design design , landing-page , shopify-themes	48	236	December 29, 2024

i want to add link on my banner

Topic summary

{{ block.settings.heading }}

Related topics