Add collections pagination and a search field on the search page

Paginate the collections grid with a "See more" button backed by a new
getCollectionsPage cursor API, add an editable search input to the
search-results block, and bump @shopify/hydrogen to 2026.10.0-preview.1.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DqFkSaLYRPZ18dsMbzjiP4
This commit is contained in:
Rami Bitar
2026-08-23 11:01:48 -04:00
co-authored by Claude Opus 5
parent 9ed1cc60de
commit 3bc61066f0
9 changed files with 166 additions and 19 deletions
@@ -4,6 +4,7 @@ import SearchResults from '@/components/shopify/search-results';
export type SearchResultsBlockProps = {
title?: string;
placeholder?: string;
};
const searchResultsEditor: ComponentConfig<SearchResultsBlockProps> = {
@@ -12,9 +13,11 @@ const searchResultsEditor: ComponentConfig<SearchResultsBlockProps> = {
category: 'commerce',
defaultProps: {
title: 'Search',
placeholder: 'Search products',
},
fields: {
title: { label: 'Title', type: 'text', contentEditable: true },
placeholder: { label: 'Search placeholder', type: 'text' },
},
render: (props) => <SearchResults {...props} />,
};