hello, i have my website all set up but i want to make my images clickable in the multicolumn section as well as having the links. Dawn 9.0 theme. I’m just not sure what code i need to add in to my multicolumn.liquid to make the images clickable as well. Thanks
website is www.rosiemeringue.co.uk
You can follow these suggestion:
First, go to Themes => Edit code
Find the multicolumn.liquid file in the Sections folder:
Next, ctrl + f to find the keyword “multicolumn-card__image-wrapper”, you will find a code similar to this:
Add the following code at the end of the above code, but still before the “>” sign at the end:
{% if block.settings.link != blank %}
onclick="window.location='{{ block.settings.link }}'"
{% endif %}
And here the code after editing will look like this:
Next, find the file base.css in the Assets folder and add this code at the end of the file (so you can create “hand effect” when hovering over the image):
.multicolumn-card__image-wrapper {
cursor: pointer;
}
Please note the url link that I just attached to the image is taken from the Link section that you enter in the corresponding product column, if you do not assign the link to the column, when you click on the image, your page will redirect back to the Homepage, so Please attach the full product link:
If it worked, please mark as solution for us. Good luck!
Thats perfect and just what i wanted. Thank you so much!