DEVDOCS-4244: [net new] Storefront GraphQL products and variants

docs/api-docs/storefront/graphql/graphql-api-examples.md

@@ -159,218 +159,4 @@ query LookUpUrl {
 
 <a href="https://developer.bigcommerce.com/graphql?playground_tab=objectsByUrl" target="_blank">**Try it in GraphQL Playground**</a>
 
-## Get product images at different resolutions
 
-```graphql title="Example query: Get product images at different resolutions" lineNumbers
-query SrcsetImages {
-  site {
-    product(entityId: 123) {
-      images {
-        edges {
-          node {
-            url320wide: url(width: 320)
-            url640wide: url(width: 640)
-            url960wide: url(width: 960)
-            url1280wide: url(width: 1280)
-          }
-        }
-      }
-    }
-  }
-}
-```
-
-<a href="https://developer.bigcommerce.com/graphql?playground_tab=productImages" target="_blank">**Try it in GraphQL Playground**</a>
-
-## Get a product
-
-```graphql title="Example query: Get a product" lineNumbers
-query SingleProduct {
-  site {
-    products (entityIds: [4917]) {
-      edges {
-        node {
-          id
-          entityId
-          name
-          prices {
-            price {
-              value
-              currencyCode
-            }
-          }
-        }
-      }
-    }
-  }
-}
-```
-
-<a href="https://developer.bigcommerce.com/graphql?playground_tab=singleProduct" target="_blank">**Try it in GraphQL Playground**</a>
-
-## Get variant details as a product object
-
-```graphql title="Example query: Get variant details as a product object" lineNumbers
-query VariantById {
-  site {
-    product(variantEntityId: 27098) {
-      name
-      sku
-      defaultImage {
-        url(width: 500, height: 500)
-      }
-      prices {
-        price {
-          ...PriceFields
-        }
-        salePrice {
-          ...PriceFields
-        }
-        retailPrice {
-          ...PriceFields
-        }
-      }
-      width {
-        ...DimensionFields
-      }
-      height {
-        ...DimensionFields
-      }
-      depth {
-        ...DimensionFields
-      }
-    }
-  }
-}
-fragment PriceFields on Money {
-  value
-  currencyCode
-}
-fragment DimensionFields on Measurement {
-  value
-  unit
-}
-```
-
-<!-- theme: info -->
-> This query returns variant information appropriately overlaid on the Product object. For example, if the variant has a different image, dimensions, SKU, or price, that will be automatically returned -- this allows for directly merchandising particular variants.
-
-
-
-<a href="https://developer.bigcommerce.com/graphql?playground_tab=variantDetails" target="_blank">**Try it in GraphQL Playground**</a>
-
-## Get product option details by product ID
-
-```graphql title="Example query: Get product option details by product ID" lineNumbers
-query SeveralProductsByID {
-  site {
-    products(entityIds: [1, 2, 3]) {
-      edges {
-        node {
-          name
-          productOptions {
-            edges {
-              node {
-                entityId
-                displayName
-                isRequired
-                ... on MultipleChoiceOption {
-                  values {
-                    edges {
-                      node {
-                        entityId
-                        label
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-```
-
-<a href="https://developer.bigcommerce.com/graphql?playground_tab=productOptions" target="_blank">**Try it in GraphQL Playground**</a>
-
-## Get refined product object for given options
-
-```graphql title="Example query: Get refined product object for given options" lineNumbers
-query ProductsWithOptionSelections {
-  site {
-    product123: product(
-      entityId: 123
-      optionValueIds: [
-        { optionEntityId: 4, valueEntityId: 543 }
-        { optionEntityId: 5, valueEntityId: 443 }
-      ]
-    ) {
-      ...ProductFields
-    }
-    product234: product(
-      entityId: 234
-      optionValueIds: [
-        { optionEntityId: 8, valueEntityId: 768 }
-        { optionEntityId: 13, valueEntityId: 883 }
-      ]
-    ) {
-      ...ProductFields
-    }
-  }
-}
-
-fragment ProductFields on Product {
-  name
-  defaultImage {
-    url(width: 1000)
-  }
-  sku
-}
-```
-
-<a href="https://developer.bigcommerce.com/graphql?playground_tab=refinedProduct" target="_blank">**Try it in GraphQL Playground**</a>
-
-## Get product swatch option values
-
-```graphql title="Example query: Get product swatch option values" lineNumbers
-query {
-  site {
-    products (first: 3) {
-      pageInfo {
-        startCursor
-        endCursor
-      }
-      edges {
-        cursor
-        node {
-          entityId
-          name
-          productOptions {
-            edges {
-              node {
-                entityId
-                displayName
-                ... on MultipleChoiceOption {
-                  values {
-                    edges {
-                      node {
-                        ... on SwatchOptionValue {
-                          label
-                          hexColors
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-```