Make button clickable for entire section on Dawn

thefourthplace
Explorer
46 0 35

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.

Ian Struckhoff
The Fourth Place
https://thefourthplaceforgeeks.com
Reply 1 (1)
PaulNewton
Shopify Partner
5189 465 1125

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 %}
  <a href="{{link}}">{{link_text}}</a>
{% endif %}
{%- comment -%}Link wrapped content{%- endcomment -%}
{% if linkable %}
  </a>
{% endif %}

 

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com