Examples Product Listing Products

February 14, 2023 at 10:38 AM

Products are the last step in the product listing and commonly should be displayed only products for one selected category and carrier.

The following query display only products inside the given carrier.

query ($limit: Int!, $page: Int!, $carrier: ID!) {
  products {
    all(first: $limit, page: $page, where: {carrier: {nodes: [$carrier]}}) {
      totalCount
      pages
      pageInfo {
        page
        hasNextPage
        hasPreviousPage
      }
      edges {
        node {
          id
          name
          details
          price
          isPIN
          variablePrice
          minPrice
          maxPrice
        }
      }
    }
  }
}


{
  "limit": 5,
  "page": 1,
  "carrier": "N0M0yS4iuEXMgZfj54SPygyNHA=="
}

{
  "data": {
    "products": {
      "all": {
        "totalCount": 4,
        "pages": 1,
        "pageInfo": {
          "page": 1,
          "hasNextPage": false,
          "hasPreviousPage": false
        },
        "edges": [
          {
            "node": {
              "id": "MFgj3CMur2bjgYurt9LEyA==",
              "name": "H2O Bolt 4G LTE $25.00",
              "details": "<h2>Plan Includes:</h2>\n<ul>\n<li>5GB of 4G LTE Data</li>\n<li>10 Days</li>\n</ul>",
              "price": 25,
              "isPIN": true,
              "variablePrice": false,
              "minPrice": 0,
              "maxPrice": 0
            }
          },
          {
            "node": {
              "id": "MFgj3CMur2bjgYurt9LEyQ==",
              "name": "H2O Bolt 4G LTE $50.00",
              "details": "<h2>Plan Includes:</h2>\n<ul>\n<li>20GB of 4G LTE Data</li>\n<li>30 Days</li>\n</ul>",
              "price": 50,
              "isPIN": true,
              "variablePrice": false,
              "minPrice": 0,
              "maxPrice": 0
            }
          },
          {
            "node": {
              "id": "MFgj3CMur2bjgYurt9XNwA==",
              "name": "H2O Bolt 4G LTE $70.00",
              "details": "<h2>Plan Includes:</h2>\n<ul>\n<li>14GB of Data</li>\n<li>7GB @ 4G LTE Speeds + 7GB @ 128kbps Speeds</li>\n<li>30 Days</li>\n</ul>",
              "price": 70,
              "isPIN": true,
              "variablePrice": false,
              "minPrice": 0,
              "maxPrice": 0
            }
          },
          {
            "node": {
              "id": "MFgj3CMur2bjgYurvdXPxww=",
              "name": "H2O BOLT USA 90",
              "details": null,
              "price": 90,
              "isPIN": true,
              "variablePrice": false,
              "minPrice": 0,
              "maxPrice": 0
            }
          }
        ]
      }
    }
  }
}

Product List Example: