Hello I am trying to make each individual row in a multi-row section clickable. Each row will go to a new link.
See picture for example of the area I want clickable.
Any help would be appreciated, thanks!
Topic summary
A user needed to make entire rows within a multi-row section clickable, with each row linking to a different destination. They provided a screenshot showing the target area.
Solution Implemented:
- Initially suggested adding three buttons with corresponding links to each row
- Final solution involved overlaying invisible buttons across each entire row section
- Users can click anywhere on a row and activate the hidden button without visual changes
Technical Implementation:
- Required editing the theme code via Shopify’s “Edit Code” option
- Custom CSS/HTML markup was provided to paste below the
<head>tag in the theme.liquid file - A screenshot reference was shared showing the correct code placement
Outcome: The solution was successfully implemented and confirmed working by the original poster.
Hey @StuKellyMotorsp ,
Can you add three buttons there with the links it should go to? I could do something with that.
I added the buttons, and linked each to the corresponding pages. Let me know if that helps.
Hey @StuKellyMotorsp ,
I made the button overlay the entire section and made it invisible, so you can click anywhere on that row section and you are technically clicking the button, but you just can’t see it. As a user, you shouldn’t see any difference.
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
1 Like
Works fantastic, thank you very much!!