Product grid

General

The Product Grid is a key section of your collection pages, shaping how customers browse and interact with your products. By customizing its settings, you can create a visually appealing, user-friendly layout that enhances the shopping experience and encourages conversions.

Customization options

Color Scheme

  • Choose a color scheme that aligns with your store’s branding for a polished and cohesive look.

Products per Page and Row layout

  • Define how many products appear per page
  • Adjust the number of products per row for desktop, tablet, and mobile views to ensure a seamless browsing experience.

Sorting and filtering

  • Enable sorting and filtering options to help customers quickly find what they need.
  • Display color swatches in filters for a more visual shopping experience.

Product count and pagination

  • Show the total number of products in a collection to set clear expectations.
  • Choose between button-based pagination or infinite scrolling for smoother navigation.

Sidebar and Layout Controls

  • Decide whether to display a sidebar for filtering options.

Enhance Engagement with Grid Banners

Incorporate grid banners within your product listings to highlight promotions, campaigns, or key products. These visual elements can break up the grid, making the page more dynamic and engaging. Learn more about Grid Banners.