Skip to content

Instantly share code, notes, and snippets.

@carolineschnapp
Last active December 5, 2025 08:54
Show Gist options
  • Select an option

  • Save carolineschnapp/f08a4c4fc9cf12b3f83c to your computer and use it in GitHub Desktop.

Select an option

Save carolineschnapp/f08a4c4fc9cf12b3f83c to your computer and use it in GitHub Desktop.
Change layout style of Featured Products on homepage from Collage to Grid. #Brooklyn

Problem

The “collage” style is enforced on the homepage, it cannot be turned off in the theme settings. Turning that style off in theme settings only turns it off on collection pages.

Solution

In the snippet file featured-products.liquid, replace <div class="grid grid-collage"> with <div class="grid grid-uniform">. In the same file, replace {% include 'product-grid-collage' %} with {% include 'product-grid-item' %}.

Direct link to snippet file: https://www.shopify.com/admin/themes/current?key=snippets/featured-products.liquid

Visual diff:

Alt text https://www.diffchecker.com/q4c4q8pj

@SamY1973

Copy link
Copy Markdown

Hi,

Hope you can help...
In the Brooklyn theme, i would like all images to be the same size and control the size of the image.
When i enter in collection 3 products, one image is big and then you have 2 small images on the side. I really would love to have all 3 images the same size. thank

@AndreiPalacios

Copy link
Copy Markdown

Thanks!

@jayceedee

Copy link
Copy Markdown

I have been searching for this solution for so long. Thank you very much!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment