Dawn Theme make IMAGE multirow section inherit the LINK attribute from the BUTTON

Shopify Discussion
1

Dawn Theme 15.5 how can I make the multirow section IMAGE clickable AND inherit the LINK attribute from the BUTTON in that row?

help
help2260×788 210 KB

2

In Dawn 15.5, each Multirow block already stores the button URL in block.settings.button_link. You can reuse that value for the image.

In sections/multirow.liquid, wrap the media <div class="image-with-text__media ...">...</div> with:

{% if block.settings.button_link != blank %}
  <a class="multirow__image-link" href="{{ block.settings.button_link }}" aria-label="{{ block.settings.heading | strip_html | escape }}">
{% endif %}

  <!-- keep the existing image-with-text__media div here -->

{% if block.settings.button_link != blank %}
  </a>
{% endif %}

Then add:

.multirow__image-link {
  display: block;
  height: 100%;
}

Duplicate the theme before editing. This makes each image use that row’s existing button link, and rows with no link stay unclickable.

3

Hello @madamephoenix
Update the sections/multicolumn.liquid file as follows:

multilink
multilink1336×596 70.2 KB

Go to sections/multicolumn.liquid
After line 53, add:

<a {% if block.settings.button_link == blank %} role="link" aria-disabled="true"
   {% else %} href="{{ block.settings.button_link }}" {% endif %}>

Add the closing </a> at the location shown in the screenshot