Product Grid

Render a paginated and filterable grid of products in a collection.

Settings

• Products per page [Range]
• Number of columns on desktop [Range]
• Number of columns on tablet [Range]
• Image ratio [Select]
  • Options: Adapt to image, Portrait, Landscape, Square
• Show second image on hover [Checkbox]
• Show vendor [Checkbox]
• Show Date [Checkbox]
  
  • To display a date, add a Date and time metafield with namespace/key of 'custom.date'.
• Show Location [Checkbox]
  
  • To display a location, add a text metafield with namespace/key of 'custom.date'.
• Enable quick add button [Checkbox]
• Enable filtering [Checkbox]
• Desktop filter layout [Select]
  
  • Options: Horizontal, Vertical, Drawer
• Enable sorting [Checkbox]
• Color scheme [Color scheme picker]
• Top padding [Range]
• Bottom padding [Range]