Skip to content

Instantly share code, notes, and snippets.

@carolineschnapp

carolineschnapp/Changed products layout on homepage - Brooklyn.md

Created June 9, 2015 22:34
Show Gist options
  • Save carolineschnapp/28c849bfb50e54d1aee3 to your computer and use it in GitHub Desktop.
Save carolineschnapp/28c849bfb50e54d1aee3 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
Changed products layout on homepage - Brooklyn.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

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