Changing collection image sizes in Brooklyn theme

New Member
23 0 0

Hello,

I have searched the forum and have found bits of information on how to change collection image sizes but still having trouble doing so.  I am using the Brooklyn theme and currently the products are in rows of three in the collection grid which is fine but the product images look really small.  Does it have something to do with the size I am saving the images at or, is there something I can do with code to make them larger.  

I tried looking in the collection-grid-collage.liquid section but was not sure what to change.

Would also like the images to move up closer to the product title...seems like a lot of white space there...

I am happy with the size of the prouct images when viewed on their individual pages...it's just the collection grid seems small....would like the product sizes to be at least 10% larger. 

Trying to attach an image - still figuring out how to do so.

Thank you for any help!
Anne

0 Likes
Highlighted
New Member
23 0 0

I figured it out!  I changed the product collage grid sizes in theme.scss.liquid and it worked great!

0 Likes
Highlighted
New Member
1 0 0

Anne8 or Shopify support

 

That did not work for me .   So I went to :

 

 

ASSETS

 

theme.scss.liquid

 

// Product Collage Grid
$collageImageXLarge: 670px;
$collageImageLarge: 520px;
$collageImageMedium: 310px;
$collageImageSmall: 230px;

 

I increase the pixels by about 90% for each size categories but all my product images remain the same on the grid page.  What am I missing?

 

 

 

0 Likes
Highlighted
New Member
1 0 0

So I have the opposite problem. The collections list for me is too big and displays one stacked on another. how do i change it to two collections lists per row?

0 Likes