Make button clickable for entire section on Dawn

Store Design
1

I’ve been working on making my Dawn home page more clickable, and have successfully made my “Image with text” and “Multicolumn” sections clickable.

I’m still trying to make “Image banner” blocks clickable. Ideally, what I want is that if there’s only a single button in the “Image banner” section (and it has a link) to expand the scope of the button so it activates if you click anywhere on the banner section. Alternatively, a way to have a section getting that makes the entire image background clickable, even when there’s text.

2

Roughly loop the blocks in sections/image-banner.liquid checking for settings that have been set, then wrap the content in an anchor tag.

{%- for block in section.blocks -%}
  {%- if block.type == 'buttons' and block.settings.button_label_1 != blank and block.settings.button_link_1 != blank -%}
    {%- assign link = block.settings.button_link_1 -%}
    {%- assign link_text = block.settings.button_label_1 -%}
    {%- assign linkable = true -%}
  {%- endif -%}
{%- endfor -%}

{% if linkable %}
  {{link_text}}
{% endif %}
{%- comment -%}Link wrapped content{%- endcomment -%}
{% if linkable %}
  
{% endif %}