Is it possible to make Multirow photos clickable with the same link as the button (Craft theme)?
Topic summary
Goal: Make Craft theme “Multirow” section images clickable with the same link as the button.
What worked (as shared by the original poster):
- In Sections > multirow.liquid:
- Around line 60: insert an anchor tag inside the image block that uses block.settings.imglink for href (falls back to role=“link” aria-disabled=“true” when blank).
- Around line 110: add a CSS rule: .fulllink { z-index: 1; }.
- Around line 355 (schema): add a new setting (type: url, id: imglink, label: “Image Link”).
- After saving, go to Customize; a new “Image Link” option appears for the Multirow image. A screenshot attachment illustrates this UI.
Outcomes and reactions:
- Original poster confirms this solved the issue.
- One user confirms the Image Link field appears and linked it to match the button, but says the image still isn’t clickable and asks for tips.
Status:
- Solution provided and confirmed by the author; at least one follow-up report suggests a remaining clickability issue. No further troubleshooting or resolution posted yet.
Notes:
- Code snippet changes and the screenshot are central to implementing/understanding the solution.
I figured out the code and solved the issue.
PLEASE TELL HOW @AJWUK
Hi,
To make my Multirow photos clickable I opened the ‘Edit Code’ for my Craft theme. In Sections > multirow.liquid , I added the following lines of code:
Around Line 60
{%- if block.settings.image != blank -%}
<a class=“fulllink” {% if block.settings.imglink == blank %}role=“link” aria-disabled=“true”{% else %}href=“{{ block.settings.imglink }}”{% endif %}>
{%- capture sizes -%}
Around Line 110
.fulllink{z-index: 1;}
{% schema %}
{
“name”: “t:sections.multirow.name”,
“class”: “section”,
“disabled_on”: {
“groups”: [“header”, “footer”]
},
Around Line 355
“label”: “t:sections.multirow.blocks.row.settings.image.label”
},
{
“type”: “url”,
“id”: “imglink”,
“label”: “Image Link”
},
After adding this code and saving the multirow.liquid Section, I exited the Edit Code mode and opened the Customize mode for my theme. When I clicked on my Multirow photo I had a new option box to add a link for my photo:
I hope this helps you.
OF COURSE THIS DOES! YOU ARE THE MOST GOATED GOAT OF ALL TIMES!
1 Like
Hello, Thank you very much it worked and I can see the image link which i related it to the same link as the button , still the image isnt clickable , any tip ?