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…

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

@tessastbury You have to enclose your html code in a {% for block in section.blocks %} then you make a {% schema %} for it

Thanks, @made4Uo . Are you able to help me with an example of this code for a two-column block? Many thanks, Tess

@tessastbury Yes, of course. Replace all your code in the multicolumn.liquid with this code below. I just added the code in blue. NOTE: The code below is when you click the image, user will be routed to a different page. {{ ‘section-multicolumn.css’ | asset_url | stylesheet_tag }} {{ 'component…

Thanks so much for this code! Are you able to give me a variation of this code so that each image leads to a different link? I have two columns (and two images). Many thanks, Tess

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

Store Design

made4Uo September 21, 2021, 2:26am 11

Glad to help

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