Im new to shopify, and I am in need of the code for making a collage clickable. If anyone could just paste it below, I would be extremely grateful. The idea is that, when the client clicks on the image, it will bring them to the product page for that specific product being displayed. Thanks in adva…

Hello @Diarna-Official , We are AliReviews - All-in-one reviews solution for all businesses. To make a collage clickable and link it to the product page, you can use the following code: You can customize the code to fit the specific layout and number of images …

Hey there! Thanks so much. But where do I put this code? Below is the collage as it stands. So I have not added any images yet, however, I will be adding images of products in our store. I assume I need to edit the “collage.liquid”. If it isn’t too much of a hassle, I would really appreciate it if …

Hello, Sorry for not being clearer. Here is details steps: Go to Online Stores → Themes Click on Actions → select Edit Code → go to Sections Locate the collage.liquid file Replace the code with the code above Save and preview Let us know if you have any further questions. Have a nice day. AliR…

Hi There! I would also like to make my main collage image clickable. I just wanted to confirm that I am to replace all the code in the collage.liquid file with code provided above? The default section is 400+ lines of code, so I just wanted to be sure. Also, where do I apply the link in this case? T…

Hello @edc1 , No, you shouldn’t replace all of the code in the collage.liquid file. You will need to locate the HTML code for your main collage image within the “collage.liquid” file and modify it to include the “a” tags, like this in the example Mak…

Thank you @irene-vintage ! I believe I have found the HTML, and the variable used for the "main_collage_image " is “media media–transparent ratio” based on the inspect tool, I have paste the code here, would you mind informing me on how to apply? I have little to no experience coding other than copy…

Hi! Do you delete code or do you just add in what you shared?

Hi, I am trying to follow your instructions but finding it a little unclear. I am trying to add a link to ONLY the main picture in the collage, so do I only copy the first 4 lines of your code? Could you please be a little more specific as to where this code needs to be copied into the file ( for u…

How to make collage images clickable on dawn theme

Shopify Discussion

bensmith77 October 27, 2023, 10:47am 9

I wonder if you can help. We have a lookbook page which is all collages. We want to make the images of products clickable on this page. Do you know what code and exactly where should we paste it into the collage.liquid? Many thanks!

Topic		Replies	Views
Make image clickable in collage.liquid dawn theme Store Design	4	92	October 27, 2023
How do I add link to my images on my collage on my home page? Also should say I am using Crave theme Store Design menu , design , customizations , shopify-themes	19	264	May 12, 2024
How To Make Collage image clickable- Refresh Theme Store Design design , customizations	3	49	January 11, 2023
How to make image on Collage Clickable on Sense Theme Store Design design , customizations , collection-page	3	58	January 22, 2024
How can I make the Main Collage picture in DAWN theme link to an actual product Shopify Discussion troubleshooting	1	38	June 16, 2024

How to make collage images clickable on dawn theme

Related topics