Solved

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

Myellagroup
Excursionist
35 0 5

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

Accepted Solution (1)
LitCommerce
Astronaut
2860 684 732

This is an accepted solution.

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 }}"
LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 10 (10)

dmwwebartisan
Shopify Partner
12280 2546 3694

@Myellagroup 

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

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

LitCommerce
Astronaut
2860 684 732

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.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
Myellagroup
Excursionist
35 0 5

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

Myellagroup_0-1636409166514.png

 

LitCommerce
Astronaut
2860 684 732

This is an accepted solution.

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 }}"
LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
Myellagroup
Excursionist
35 0 5

Hi @LitCommerce 

It works fine now!

Thank you very much for the help! 🙂

LitCommerce
Astronaut
2860 684 732

Hi @Myellagroup,

If you have any difficulty, you can contact me 🙂

Happy to help you

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
Myellagroup
Excursionist
35 0 5

@LitCommerce 

Thank you!

RyanK
Visitor
1 0 0

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!

LitCommerce
Astronaut
2860 684 732

Hi @RyanK,

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

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
jaevi
Tourist
8 0 2

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!

jaevi_0-1675620253868.png