Make Images clickable in Multicolumn on spotlight theme

[jladi90]

How do I go about getting my images in the multicolumn clickable on the spotlight theme? I see other threads about this but pertaining to the other themes. If possible, please include pictures of how to do this. Thanks in advance.

[Vinsinfo · Accepted solution]

@jladi90 Please follow below steps to make images clickable in multicolumn on spotlight theme,

1. From admin go to "Online Store" -> "Themes".

2. Click "Edit code" button from the current theme.

3. Go to "multicolumn.liquid" file.

4. Then search "multicolumn-card__image-wrapper multicolumn-card__image-wrapper" in search bar.

5. Then paste the below code before the div like below attached image and then save changes.

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

6. Then search use the "</div>\n </div>" in the same file in search field and paste the below code after the searched key word as like attached screenshot,

</a>

7. Go to "section-multicolumn.css" file and paste the below code in the bottom of the file and save the changes.

.multicolumn-card a:not([href]) {
  cursor: auto;
}

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[jladi90]

Thank you so much. It worked!