Pages
Collection & search pages
Product grid columns, pagination style, filters, sorting and predictive search.
What you will have
Collection and search pages with the grid density and filters your catalogue needs.
Open the collection template
Theme editorTemplate pickerCollectionsDefault collection
The page is driven by one section, CM Collection.
Default collectionTemplateCM Collection1Click to open its settingsTheme editor · Default collection › CM CollectionChoose a pagination style
CM CollectionPagination style
Pick how shoppers move through large collections.
Default collectionTemplateCM Collection1Click to open its settings2CM CollectionPagination styleNumbered paginationNumbered pagination: Classic page numbers. Best for very large catalogues.Load more button: Shoppers tap to load the next set.Infinite scroll: The next set loads automatically while scrolling.Theme editor · Default collection › CM CollectionSet the number of columns
Theme settingsLayoutCollection & search product columns
Choose 4, 5 or 6 products per row on desktop. This one setting applies to both collection and search pages.
Theme settingsLayout1Click to open this group2LayoutCollection & search product columns5Choose one: 4, 5, 6. Default: 5.Theme editor · Theme settings › LayoutTipUse 4 for fashion and other image-led products. Use 6 for large catalogues of small items.
Set up filters
Shopify adminAppsShopify Search & DiscoveryFilters
Comers shows whichever filters you enable in Shopify's free Search & Discovery app, such as price, availability, size and colour. Add or remove filters there and they appear in the collection sidebar automatically.
Shopify admin1Apps2Shopify Search & Discovery3FiltersShopify admin · click these in orderAdd a collection banner for phones
CM CollectionAdd blockCM Mobile media and text
Use this block to add an image or video with a heading, text and link at the top of collections on mobile.
Default collectionTemplateCM CollectionCM Mobile media and text1Click Add block and pick thisAdd blockTheme editor · Default collection › CM Collection › CM Mobile media and textSet up the search page
Theme editorTemplate pickerSearch
CM Search works the same way as the collection page, with its own Pagination style and the same shared column setting.
SearchTemplateCM Collection1Click to open its settingsTheme editor · Search › CM CollectionCheck predictive search
As shoppers type in the search bar, Comers suggests matching products straight away. There is nothing to configure. Open the search in the preview and type the first letters of a product name to confirm it works.
Default collectionTemplateCM Collection1Click to open its settingsTheme editor · Default collection › CM CollectionStyle the collections list page
Theme editorTemplate pickerCollectionsCollections list
This page shows all your collections. Each collection uses its own collection image, so set those in Products → Collections.
Collections listTemplateCM Collection1Click to open its settingsTheme editor · Collections list › CM Collection