I currently have a 3 column squared ratio as shown below, but would like to make it a 2 column, 1st picture height (double the size of the other 2 collection pictures) and the other 2 pictures on the second column one above the other, both adding up to the same height of the 1st picture. [How is l…

Hey @Christian_R , Can you share the link to your store? Thanks!

https://066cfc-10.myshopify.com/ found a partial solution code, but the width of the second column is not the same as the first

Hey @Christian_R , The store is password protected, can you share the password or remove it temporarily?

Hey @Christian_R , Keep the code that you already found, I’ve just added on top of it. Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid” Below the tag “” tag paste the following. Screenshot attached for reference. Screenshot is for reference only, the correct co…

It worked! Thanks a lot! How can I make the width of the columns the same? and Reduce the height of the pictures? That would be really helpfull!

Hi, love the look. I would like to do the exact same, but i am struggling. I see that Christian had found code before you added to it. We do not have access to that code. I have added all this available code and it didn’t work. Could you please supply me with the code to make this whole process happ…

Hey @LukeMac , That code is very specific to their store. Can you share the link to you store and share a screenshot of where you need this layout?

Hi PrimeWeb, thanks for getting back to me. Here is my link: https://itscalledfragrances.com/ . The password is: auskao

I need it to be under my banner. You will see the section is titled: “WHAT ARE YOU LOOKING FOR”. I would like the same look as Christian’s store please, with the “FOR HIM & HER” being the longer/portrait thumbnail in the collection. Thanks.

I want to resize the collection list image distribution. I currently have a 3 column squared ratio

Store Design

ThePrimeWeb March 21, 2024, 4:11am 8

Replace the code above with this.

Topic		Replies	Views
Brooklyn: Collection List - Change Number of Columns 3 to 4 \| or Make All Collection Images Same Siz Store Design	5	58	February 26, 2022
Change Image Ratio In Collection Grid - Dawn Theme Store Design design , customizations , collection-page , css , shopify-themes , html	7	56	August 9, 2023
Changing The Number Of Columns On Collection Page Store Design	2	169	July 27, 2022
Have Collection List Appear 2 Columns on Desktop View Store Design	6	97	March 10, 2022
How do I change the display of images and collection layouts (Debut) Store Design	5	25	February 9, 2022

I want to resize the collection list image distribution. I currently have a 3 column squared ratio

Related topics