How can I make my multicolumn images clickable with the same link that the link label is using below? I just found solutions like that one here that makes the images clickable but completely removes the link label: https://community.shopify.com/topic/1425917 I’d like to have both. Does anyone know …

Name: How to Add a Link in Image or Text in Shopify - NO APP
Uploaded: 2022-05-31T21:46:17Z
Description: Hi @GG9 , You want to add another label link for the image? You can follow the video tutorial below [How to Add a Link in Image or Text in Shopify - NO APP]

Thanks everyone @kevinkarma55 @made4Uo ! I found out how to fix it. I just had to move the line <a {% if block.settings.link == blank %}role=“link” aria-disabled=“true”{% else %}href=“{{ block.settings.link }}”{% endif %}> under the img paragraph. The correct and fully working code snippet is this…

Hi @GG9 , You want to add another label link for the image? You can follow the video tutorial below [How to Add a Link in Image or Text in Shopify - NO APP]

[email removed] it’s pretty simple. An important part of this is finding the tag, is basically a tag that will make everything inside it clickable with a specified link(href). If you can share your code that is similar to the solution code you share above, I will try to add the necessary code to …

Hi, I’m currently using the default code which is the following. I’d like to have the same link from the link label on the image. The link label should remain. {{ 'section-multicolumn.css' | asset_url | stylesheet_tag }} {%- style -%} .section-{{ section.id }}-padding { padding-top: {{ secti…

Thanks a lot. I saw you’re uploading lots of videos. Thanks a lot! I’ll try doing it this way now.

Ok, thanks for the code. Lets try these steps: Find this(arrow) location in the code you send me: [kevinkarma55_0-1654034495364.png] paste this code: <a {% if block.settings.link == blank %}role=“link” aria-disabled=“true”{% else %}href=“{{ block.settings.link }}”{% endif %}> Find the follo…

@kevinkarma55 This works, but it makes everything in a multicolumn to a link. The whole text etc. gets clickable. Link label + image would be perfect. Or did I miss something? You make it sound like the code line should be pasted twice.

@made4Uo This would work, but every image gets clickable then. If I don’t provide a link I make the image clickable with a link to the home page.

Ok, I just made the changes to your file code: Copy the following code and paste it into your file: I wrapped the tag for the image which will make image clickable, label is already wrapped with tag {{ 'section-multicolumn.css' | asset_url | stylesheet_tag }} {%- style -%} .section-{{ sectio…

@kevinkarma55 Thanks a lot. This works great, but do you have any idea why it streches/changes the alignment of the images? I tried the default code again and the image is normal. I pasted in your code and it makes the images kinda weird. It zooms in to the left side on the top. You can check yourse…

This will work in your case but I won’t recommend this as an optimal solution. Anyway thanks for sharing

Dawn 2.0 - Make multicolumn image clickable

Store Design

made4Uo May 31, 2022, 9:46pm 2

Hi @GG9 ,

You want to add another label link for the image? You can follow the video tutorial below

Topic		Replies	Views
How to make Multicolumn Images Clickable in Dawn 2.0 theme? Store Design	49	871	October 19, 2024
Dawn Theme multicolumn: reduce padding between label and image, and make image clickable Store Design	6	81	May 4, 2022
How can I make multicolumn images clickable in Sense Theme? Store Design	6	84	November 14, 2023
Make the multicolumn images clickable Studio Team Store Design customizations	2	54	February 17, 2024
Dawn 5.0 Issues with URL Multi colums Image Store Design	8	116	June 11, 2022

Dawn 2.0 - Make multicolumn image clickable

Related topics