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.
Topic summary
A user sought help making images clickable within the Multicolumn section of Shopify’s Spotlight theme.
Solution Provided:
- Navigate to Online Store → Themes → Edit code
- Locate and edit the
multicolumn.liquidfile - Insert an anchor tag (
<a>) wrapper before the image div element at the specified location - Add CSS code to the
section-multicolumn.cssfile to disable cursor on non-linked multicolumn cards - Code snippets and screenshots were provided to guide the implementation
Outcome:
The solution was successfully implemented and confirmed working by the original poster.
@jladi90 Please follow below steps to make images clickable in multicolumn on spotlight theme,
- From admin go to “Online Store” → “Themes”.
- Click “Edit code” button from the current theme.
- Go to “multicolumn.liquid” file.
- Then search “multicolumn-card__image-wrapper multicolumn-card__image-wrapper” in search bar.
- Then paste the below code before the div like below attached image and then save changes.
- Then search use the “\n ” in the same file in search field and paste the below code after the searched key word as like attached screenshot,
- 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.
2 Likes
Thank you so much. It worked!