HTMLEdit the snippet and click Run to preview
Live Preview
Write a valid
<div data-chameleon="..."></div> snippet and click RunProduct Grid — Quick Reference
Description
Faceted catalog with filters, sort, pagination, and per-product hover actions (favorite, compare, quick-view). Pulls live from your channel via the gateway. Supports grid or list, 2–6 column layouts, and per-collection / per-product-type filtering.
Requirements
Products in your catalog
Tips
Supports `data-columns`, `data-limit`, `data-variant`, `data-product-type`, and `data-collection` for filtering.
Variants
Attributes
data-layout (select) = grid
data-limit (number) = 8
data-columns (select) = 4
data-collection (text)