Thank you for this, really great! :) One question, how do I make it responsive, so that it changes from four images in a row to three or two images in a row depending on the screen size?
@@made4uo Thank you :) One more question I tried to add 50 blocks but could only reach 16. Is there a way to add more without duplicating the section ?
This is really awesome! Saved me so much hassle trying to make third party apps work. Is it possible to extend the collage beyond 11? I tried going up to 17, using a similar pattern in the grid template, but the pictures all ended up disappearing and formatting was off. Thoughts?
@@made4uo Thank you! I figured that out pretty quickly, but then realized I needed to change the hover position to "fixed", so that as I added a larger collage or gallery, the image would follow as I scrolled. I am by no means a HTML/CSS dev, but figured it out pretty quickly.
Hey! Thanks for useful content. As i reached to the step of uploading an image 4:57 , but image is not showing in theme. i can select & Upload image in settings and it work fine but not visible into the theme grid layout . I verified code 2 times. kindly help me.
WHat if I want to add a link to the images so that it goes to something like an instagram page? is there code for that I can add to this on top of that?
So GOOD! Bravo on the tutorial. You are very knowledgeable and inspiring at the same time!!
This is a brilliant video. I understood a lot... Thank you so much for making this. Please make more such videos.
HOLY MOLY THI IS AN AMAZING TUTORIAL
Thank you so much for this tutorial, very useful and educative !
Thanks a lot for this tutorial! :)
Hi, is the liquid code or css grid style deprecated ?
I have the same code yet the grid is the default one, and images do not appear correctly.
is there a way to make a picture enlarge on click and also make it closable?
Hi, it doesn't work, it shows error in the line like missing width and height attributes, as a result of which images don't seen in customize mode
My Image is too much smaller showing while it's actual width and height is 828x1271 px but Why?
Hello, i did The exact same thing but I keep getting JSON errors it won’t let me save because of it
For JSON errors, it means you are missing some commas or curly braces.
Hi if i pay for the code on your website is this straight forward? this seems very long and complicated.
It should. Let me know if you need help on putting it in. You can contact me at made4uo.com using "chat with us"
@@made4uo And its for dawn? so i just do as you did but use dawn not debut?
@@barrelrolldog yes. This work with any shopify themes unless if those themes happend to use my naming convention
Thank you for this, really great! :) One question, how do I make it responsive, so that it changes from four images in a row to three or two images in a row depending on the screen size?
You have to do another grid template with assign grid area with media query
Thank you for sharing this !! Is there any way to add link to each and every photo so that people can have more details about it
Yes definitely
@@made4uo could you please share the code :)
@@neerajd.5977 I will try to put the code in a few
@@neerajd.5977 Hi Neeraj. I do have a clickable image at the website. Just scroll below
@@made4uo Thank you :) One more question I tried to add 50 blocks but could only reach 16. Is there a way to add more without duplicating the section ?
This is really awesome! Saved me so much hassle trying to make third party apps work. Is it possible to extend the collage beyond 11? I tried going up to 17, using a similar pattern in the grid template, but the pictures all ended up disappearing and formatting was off. Thoughts?
Yes. You need to change the grid template and assign template area to the block
@@made4uo Thank you! I figured that out pretty quickly, but then realized I needed to change the hover position to "fixed", so that as I added a larger collage or gallery, the image would follow as I scrolled. I am by no means a HTML/CSS dev, but figured it out pretty quickly.
I found it easier to edit the original collage theme. Without making it from scratch.
Hey! Thanks for useful content.
As i reached to the step of uploading an image 4:57 , but image is not showing in theme. i can select & Upload image in settings and it work fine but not visible into the theme grid layout . I verified code 2 times.
kindly help me.
You might have written a wrong liquid code. Hard to tell what have gone wrong
@@made4uo i Sent code screenshot on your messenger, kindly check
@@made4uo hi, I'm having the same issue. I did every step twice, and the images are not showing. what can I do?
Hi, I'm having the same problem. Everything looks fine in the code but the pictures are not showing. What I do see is }
:-// I'm terrible at this
WHat if I want to add a link to the images so that it goes to something like an instagram page? is there code for that I can add to this on top of that?
If the Instagram has a link then you can do it
Can I copy and paste?