🧰 Product Filters

getCollection() supports powerful filtering options to let you narrow down your product list dynamically.

Each filter is written as an object and passed inside the filters array.

filters: [
  { available: true },
  { productType: "Solar Kits" },
  { productTag: "Featured" },
  {
    price: {
      min: 100,
      max: 2000,
    },
  },
  {
    productMetafield: {
      namespace: "custom",
      key: "category",
      value: "Panneaux Solaires",
    },
  },
  {
    variantOption: {
      name: "Color",
      value: "Black",
    },
  },
];

🧩 Supported Filter Types​

✅ available​

{
  available: true;
}

Returns only published + available products.

🏷️ productType​

{
  productType: "Solar Kits";
}

Filter by Shopify product type.

🔖 productTag​

{
  productTag: "Featured";
}

Match products that have a specific tag.

🧪 productMetafield​

{
  productMetafield: {
    namespace: "custom",
    key: "category",
    value: "Batteries",
  },
}

Filter products by metafield value (must be a defined metafield in Shopify admin).

🎛️ variantOption​

{
  variantOption: {
    name: "Size",
    value: "Medium",
  },
}

Filter products where a variant has a specific option name/value.

💶 price​

{
  price: {
    min: 100,
    max: 500,
  },
}

Filter products by variant price range (Shopify uses the first variant's price for comparison).

📦 collection​

{
  collection: "solar-kits";
}

(Only works if collection filtering is supported in your setup)

✅ Next: Pagination →