Basic product information

Job to be done

User perspective: At a glance, provide the key information a shopper is looking for when considering the purchase. Should inform, and entice the user to 1) add product to cart or 2) continue reading.

Business perspective: Provide the user the information he is looking for, thus removing friction and increasing chances of ‘nudging’ shopper towards cart/checkout.

Implementation logic

• What info to show is highly dependent on the type of product and industry. By default CoreConnect provides:
  • Name
  • Brand
  • Price
  • Category
  • Description

Implementation example

A request can be made either by providing the id or the slug of the product

• id (string - Optional): search by product Id

  id: "1e85e7a4-73d0-4b6b-a243-831f43ddfc8e"

• slug(string - Optional): search product slug

  slug: "japantky-senami-fancy-travel-jersey-pinstripe-jumpsuit"

Example

query {
  product(request: { id: "4fe856d7-d1b7-46c0-b2ce-5dc8fbfd8b4a" }) {
    id
    name
    description
    categories {
      id
      name
    }
    metadata {
      key
      value
    }
    variants {
      sku
      attributes {
        name
        value {
          booleanValue
          stringValue
        }
      }
      metadata {
        key
        value
      }
    }
    attributes {
      valueType
      value {
        booleanValue
        stringValue
        stringValues
      }
    }
  }
}

Response

Response is of type [Product](https://www.notion.so/Product-5d705a303fff4093bf02e68ecca5041f?pvs=21)

{
  "data": {
    "product": {
      "id": "4fe856d7-d1b7-46c0-b2ce-5dc8fbfd8b4a",
      "name": "Re/Done 70s High Rise Skinny Boot Jeans",
      "description": "<p>A seventies twist is added to a nineties silhouette by RE/DONE. The fit of these off-white 70S High Rise Skinny Boot jeans is a high-rise waist with slim-fit legs, but slits at the hems create a cool bootcut effect. Made of pure cotton denim in a twill quality with added stretch for a perfect fit.</p>\n\n<ul><li>High-rise waistband</li>\n<li>Classic 5-pocketstyling</li>\n<li>Mix of silver and copper colored hardware</li>\n<li>Tonal stitching</li>\n<li>Raw-edge, deconstructed hems</li>\n<li>Slim fit, long straight slender-cut legs</li>\n<li>Runs true to size</li>\n<li>Rosalinde is 1.75m and wears size 27</li></ul>",
      "categories": [
        {
          "id": "bd9f762b-72c2-433f-aeaf-9e733ff20173",
          "name": "High Waisted Jeans"
        }
      ],
      "metadata": {
        "key": "variantTotals",
        "value": {
          "color": [
            "white"
          ],
          "size": [
            "26",
            "27",
            "28",
            "29",
            "30",
            "31",
            "32"
          ],
          "colorFreeDefinition": [
            "Vintage White"
          ]
        }
      },
      "variants": [
        {
          "sku": "99",
          "attributes": [
            {
              "name": "color",
              "value": {
                "booleanValue": null,
                "stringValue": "white"
            },
            {
              "name": "size",
              "value": {
                "booleanValue": null,
                "stringValue": "26"
              }
            },
            {
              "name": "colorFreeDefinition",
              "value": {
                "booleanValue": null,
                "stringValue": "Vintage White"
              }
            }
          ],
          "metadata": {
            "key": "parsedAttributes",
            "value": {
              "color": "white",
              "size": "26",
              "colorFreeDefinition": "Vintage White"
            }
          }
        },

TODO: add what the default response is, and how the metadata works

Pay special attention to the metadata property of a product, which returns the variantTotals

"metadata": {
        "key": "variantTotals",
        "value": {
          "color": [
            "white"
          ],
          "size": [
            "26",
            "27",
            "28",
            "29",
            "30",
            "31",
            "32"
          ],
          "colorFreeDefinition": [
            "Vintage White"
          ]
        }
      },