Hello folks! I’m doing some homepage customizations for a client (in Dawn) and have hit a snag with the multicolumn section. The client would like a row of images that each click to their own external URL. The theme only includes the option to link text, so I’m editing the theme code. In multicolu…

My bad. It is just a placement issue. I changr the placement of the tag. Let me know if that works {{ ‘section-multicolumn.css’ | asset_url | stylesheet_tag }} {{ 'component-slider.css' | asset_url | stylesheet_tag }} {{ section.settings.title | escape }} {%- if section.settings.button_labe…

Is that all the code you have for the section. You have to use a for loop since you want to have each blocks have different URL right?

Hi! I’ve inserted a screenshot of what the multicolumn looks like. I just want to link each of those images to a different external URL. [Screen Shot 2021-09-20 at 4.50.27 PM.png] My multicolumn.liquid file includes the following code (in its entirety). I made the part I’ve been messing with red …

Thanks @KLDC . I see what got wrong. You have to use block instead of section (see bolded code) in your code and add the schema below the blocks. I assume the you want the whole card to be click for your link so I added a style to hide the underlines for the href. If you want to change the color for…

Sorry. I thought you want the whole card. I bolded the code I change/added. Let me know if it works and choose the answer resolve, so this section will show resolve For Image only, see code below {{ ‘section-multicolumn.css’ | asset_url | stylesheet_tag }} {{ 'component-slider.css' | asset_url |…

You’re a wizard!! The url links work!! Thank you! Only issue now is that the image formatting isn’t responding to what’s set in the Multicolumn Section (ie Adjust to Image sizing): [Screen Shot 2021-09-20 at 7.40.00 PM.png]

Thank you!!! It works!! I can’t thank you enough. I will use this as a template in future, you’ve helped me out of a jam.

Glad to help :slightly_smiling_face:

Hi there, Can you tell me how to adjust this code so that each column uses a different link? Many thanks, Tess

Dawn theme - Making multicolumn images go to url? Code help please!

Store Design

KLDC September 20, 2021, 8:46pm 3

Thanks so much for your reply!

I was able to follow your tutorial but I’m struggling to see how to implement that into the multicolumn set up. Moving the tag to in front of the just broke the code.

Topic		Replies	Views
Adding A link To Each column image in Multicolumn Section Dawn theme Shopify Discussion troubleshooting	8	187	November 21, 2022
How can I make multicolumn images clickable in Sense Theme? Store Design	6	84	November 14, 2023
Dawn Theme multicolumn: reduce padding between label and image, and make image clickable Store Design	6	81	May 4, 2022
Multicolumn section - Link of colection on image Store Design customizations , html	4	52	July 17, 2024
Moving text & link into multi column image Store Design design , customizations , css	6	98	September 26, 2023

Dawn theme - Making multicolumn images go to url? Code help please!

Related topics