Skip to content

Instantly share code, notes, and snippets.

@carolineschnapp

carolineschnapp/instructions.md

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.
Download ZIP
Change layout style of Featured Products on homepage from Collage to Grid. #Brooklyn
Raw
instructions.md

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

@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