Dawn theme - Multicolumn section - Adding a hyperlink to each column

Hi All,

Wondering if anyone knows how to add a hyperlink to the images of each column in the Multicolumn section. I have 3 such columns.

Link to my site:

https://eaoz1b83k81muggb-15517073.shopifypreview.com

Thanks

@Myellagroup

It can be done by doing some code customization. Please take the help of a developer and hire Shopify Expert

Hi @Myellagroup ,

Please go to sections > multicolumn.liquid and change all code: https://pastebin.com/mDQ77Jyf

Then you just need to select the link in Customize: https://i.imgur.com/QBXoyRx.png

Hope it is clear to you.

2 Likes

Hi @LitCommerce

I copy and pasted the whole code like you said onto Multicolumn and inserted the links I wanted. However, it keeps reloading onto the same Home page rather than going to the destined link.

Am I doing something wrong here?

Preview: https://g9qyh7r51vwllyqm-15517073.shopifypreview.com

Hi @Myellagroup ,

Sorry for the confusion, as long as you change this code, it will work fine. Refer https://i.imgur.com/MjHukrP.png

href="{{ block.settings.url }}"

=>

href="{{ block.settings.link }}"
2 Likes

Hi @LitCommerce

It works fine now!

Thank you very much for the help! :slightly_smiling_face:

Hi @Myellagroup ,

If you have any difficulty, you can contact me :slightly_smiling_face:

Happy to help you

1 Like

@LitCommerce

Thank you!

Hi LitCommerce,

I’m wondering if you know how to disable the auto-stacking of images on the Multicolumn section once you go beyond 3 columns. On desktop, I would like the new columns to be added to the same row (similar to a ‘swipe on mobile’ slider or slick carousel) so that the user can click through the columns to save vertical space on my page.

The existing mobile slider view is acceptable, but Ideally I’d be able to see 2 columns at a time (image would be a square). Please let me know if this makes sense or if you need some clarification - thank you!

Hi @RyanK ,

Can you create new post and add site link? I will check it.

Hi There I have the same question. Will the information in the code above reset site visually? Or can I use the same info to create links for individual columns. I’d also like to space out the columns a bit in between and on the bottom of each. See image attached. Thank you!