GoToTheme Docs

Straight-to-the-point how-tos for every Shopify theme.

Home / Empire / Collections & Filtering / How to Change Products Per Row in Shopify Empire Theme

How to Change Products Per Row in Shopify Empire Theme

Layout

Empire lets you set the grid density separately for desktop and mobile, so a layout that looks right on a laptop doesn't end up cramped on a phone.

Steps

  1. In your Shopify admin, go to Online Store > Themes and click Customize on Empire.
  2. Switch to a Collection template using the page picker.
  3. Select the Product grid section.
  4. Adjust Products per row on desktop and Products per row on mobile independently.
  5. Click Save.

For a large catalog, a denser grid (four or five columns on desktop) tends to work better than it would on a smaller, curated store, since shoppers are often scanning for a specific item rather than lingering on individual photography.

← How to Add Subcollections in Shopify Empire ThemeHow to Add Breadcrumbs in Shopify Empire Theme →