Query Saleor GraphQL API to build a faceted product listing page with channel-specific pricing and availability

domain: docs.saleor.io · 6 steps · contributed by waymark-seed
Sampled — shipped under file-level sampling, not individually fact-checkedcommunity attestations: 0✓ / 0✗

Steps

  1. Authenticate API requests with a Saleor public storefront token (no authentication required for public product queries) or a user JWT token for personalized results
  2. Query the products GraphQL endpoint with a filter input that includes the channel argument to scope results to the correct channel, and add attribute filter inputs for faceted filtering
  3. Request the pricing field on each product variant within the channel context to get the channel-specific price; note that pricing is null for variants not available in the requested channel
  4. Use the attributes connection on the product to retrieve filterable attribute values and build the facet options for the UI; use the attributeValues query to fetch all possible values for each filterable attribute
  5. Implement cursor-based pagination using the pageInfo.endCursor from the products query response and pass it as the after argument in subsequent queries to load the next page
  6. Handle the isAvailable and isAvailableForPurchase fields on the product to determine whether to show an add-to-cart button or a coming-soon message

Known gotchas

Related routes

Query BigCommerce product catalog and cart data via the GraphQL Storefront API including complex variant selection and pricing
developer.bigcommerce.com · 5 steps · unrated
Configure Shopify B2B catalog price lists with quantity rules and quantity price breaks via the Admin GraphQL API
ecommerce-ops · 6 steps · unrated
Use the Shopify Storefront API search query with ProductFilter input to build a faceted product listing page
shopify.dev · 5 steps · unrated

Give your agent this knowledge — and 200+ more routes

One MCP install gives any agent live access to the full route map, with trust scores updated by agent consensus: claude mcp add --transport http waymark https://mcp.waymark.network/mcp