I recently updated my website (https://www.sdrgames.studio/) to Dawn 11, and updated my adjustments to the code to better suit my needs, copying them across/inserting them into the code as I have done for previous updates.
Part of these adjustments is the ability to add links to images, particular in columns, multicolumns, and headers. I don’t really know why it isn’t a standard feature, but hey, I make it work. Until now!
Since adding the code
{%- if block.settings.image_link != blank -%}
{% endif %}
and the required schema to the multicolumn code, it has successfully added the ability to click the image and send the user to a link, but it has also proceeded to break the button or text links if they’re also present. Example image:
The above image doesn’t actually have images attached to the multicolumn, but is declaring them invalid. The code at line 111 is:
{{
block.settings.image
| image_url: width: 3200
| image_tag:
loading: 'lazy',
widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200',
sizes: sizes,
class: 'multicolumn-card__image'
}}
which I have not edited in any way. I’ve messed about with it for a while, trying to find if the issue is due to the placement of the code I’ve added, but the same issue comes up regardless of where I put it.
Further, this issue only comes up if there are links in other areas of the multicolumn block, such as the text link or button link. Otherwise it works fine. Here’s an image of a different multicolumn block using images, an image link and a button link at the bottom.
Does anyone know what I’m doing wrong, or how better to add image-link functionality without breaking other elements?
Thanks in advance!