Product grid
The Product Grid section displays the products within a collection. This layout allows you to control how many products appear, how they are organized, and how filtering and sorting options are presented.
This section is static, meaning it is always present on the collection template and cannot be removed via the theme editor, only hidden via the visibility toggle.
How to Configure the Product Grid
In Shopify admin, go to Online Store → Themes.
Click Customize next to the Elemento theme.
In the theme editor, navigate to a Collection page using the top preview dropdown.
In the left sidebar, locate and select the Product Grid section.
Adjust the settings according to your preferences — such as number of products per view, filtering and sorting.
Click Save.
Settings
Products per page
Range
Sets how many products are displayed per page. Remaining products load via a "Load more" button.
Grid column count
Select (3 or 4)
Defines the number of product columns shown in the grid layout.
Filters and Sort
Group heading
Section for filter/sort display behavior.
Variant
Select (Static, Sidebar)
Defines how filters and sort controls are shown. Static keeps them always visible. Sidebar opens them in a modal triggered by a button.
Product card
Group heading
Section related to product card display.
Image ratio
Select
Choose the image aspect ratio (e.g., square, portrait, landscape) for product images within the product cards. Ensures consistent appearance regardless of product image dimensions.
Color scheme
Color scheme selector
Apply a predefined color scheme to the entire section to maintain visual harmony across your store.
Last updated