Get product info with GraphQL Bigcommerce

product.html

<script>
    var jsContext = JSON.parse({{jsContext}});
    var entities = jsContext.products.map(function (product) {
        return product.id
    });

    fetch('/graphql', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'Authorization': 'Bearer {{ settings.storefront_api.token }}'
        },
        body: JSON.stringify({
            query: `
            query SingleProduct {
              site {
                products (entityIds: [`+ entities.toString() +`]) {
                  edges {
                    node {
                      id
                      entityId
                      name
                      width {
                        ...DimensionFields
                      }
                      height {
                        ...DimensionFields
                      }
                      depth {
                        ...DimensionFields
                      }
                    }
                  }
                }
              }
            }
            fragment DimensionFields on Measurement {
              value
              unit
            }
            `
        }),
    })
        .then(res => res.json())
        .then(json => console.log(json));
</script>