Examples Product Listing Carriers

February 14, 2023 at 10:38 AM

Carriers or subcategories are another type of category and are always placed within a root category. Once your customer selects a root category, you are ready to display all the carriers within that category.

The following query display only carriers inside the given parent category.

query ($limit: Int!, $page: Int!, $parent: ID!) {
  productCategories {
    all(first: $limit, page: $page, where: {parent: {nodes: [$parent]}}) {
      totalCount
      pages
      pageInfo {
        page
        hasNextPage
        hasPreviousPage
      }
      edges {
        node {
          id
          name
          description
          bgColor
          logoUrl
        }
      }
    }
  }
}

{
  "limit": 5,
  "page": 1,
  "parent": "N0M0yS4iuEXMgZH06Y6PiQ+OGz6W"
}

{
  "data": {
    "productCategories": {
      "all": {
        "totalCount": 609,
        "pages": 122,
        "pageInfo": {
          "page": 1,
          "hasNextPage": true,
          "hasPreviousPage": false
        },
        "edges": [
          {
            "node": {
              "id": "N0M0yS4iuEXMgZfj54SPygyNHA==",
              "name": "H2O BOLT",
              "description": null,
              "bgColor": "#ffc908",
              "logoUrl": "https://assets.paynup.com/uploads/1a28dfe2-2281-11ea-9d9c-ecf4bbc715bc/logo.png"
            }
          },
          {
            "node": {
              "id": "N0M0yS4iuEXMgZfj54SPygSFHDU=",
              "name": "H2O Unlimited",
              "description": null,
              "bgColor": "#ffc908",
              "logoUrl": "https://assets.paynup.com/uploads/2f7ba4f0-2281-11ea-9d9c-ecf4bbc715bc/logo.png"
            }
          },
          {
            "node": {
              "id": "N0M0yS4iuEXMgZfj54SPygeKHTc=",
              "name": "Canada - Bell PIN",
              "description": null,
              "bgColor": "#00559a",
              "logoUrl": "https://assets.paynup.com/uploads/fa62361a-2217-11ea-9d9c-ecf4bbc715bc/logo.png"
            }
          },
          {
            "node": {
              "id": "N0M0yS4iuEXMgZfj54SPygeKHTY=",
              "name": "Canada - chatr PIN",
              "description": null,
              "bgColor": "#5c2c90",
              "logoUrl": "https://assets.paynup.com/uploads/8dbb7223-2273-11ea-9d9c-ecf4bbc715bc/logo.png"
            }
          },
          {
            "node": {
              "id": "N0M0yS4iuEXMgZfj54SPygeKHTQ=",
              "name": "Canada - fido PIN",
              "description": null,
              "bgColor": "#fee500",
              "logoUrl": "https://assets.paynup.com/uploads/7ebd37ee-227e-11ea-9d9c-ecf4bbc715bc/logo.png"
            }
          }
        ]
      }
    }
  }
}

Carrier List Example: