Skip to content

Search & product lists

My collection grid or search results are empty

Section titled “My collection grid or search results are empty”

<storesynk-list>, <search-result-list>, and <predictive-search> are template-clone containers whose first child is the item template - and that template must be or contain a <storesynk-product> (predictive-search also needs an <input>). With no template first child there’s nothing to clone and the list renders empty (SSK-107). The product template here carries no handle/product-id - it’s fed by the list - and that is correct, not an SSK-202 violation.

The grid shows nothing and a collection was expected

Section titled “The grid shows nothing and a collection was expected”

Check the collection attribute on <storesynk-list> (and search property/limit on the search containers) - a wrong or empty collection handle returns no products and the list flips to its [ss-empty] state. Verify the handle against your store. The container also reflects [ss-loading] while fetching.

<search-input> drives a list by id through its for attribute - it calls getElementById(for) and sets that element’s search. If for points at the wrong id (or the target list has no matching id), nothing receives the query. Match them exactly: <search-input for="results"> with <storesynk-list id="results" search>.

A standalone <storesynk-product> fetches by handle or product-id. With neither it has nothing to fetch (SSK-202); with both, handle wins and the product-id is ignored (SSK-203). If it loads the wrong product or stays empty, the handle/product-id doesn’t match a product in the store - verify the exact handle.


Imported from the Storesynk skill v0.1.0 (references/known-issues.md). To change this page, change it there.