Skip to content

Instantly share code, notes, and snippets.

@carolineschnapp
Last active June 21, 2021 20:35
Show Gist options
  • Save carolineschnapp/f08a4c4fc9cf12b3f83c to your computer and use it in GitHub Desktop.
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

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

Thanks!

@jayceedee
Copy link

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