products.js

// src/templates/products.js

export const query = graphql`
  query ProductQuery($id: String!) {
    cosmicjsProducts(id: { eq: $id }) {
      content
      metadata {
        id
        image {
          imgix_url
          url
        }
        price
      }
      slug
      title
    }
  }
`;

const ProductListing = ({ data, location }) => (
  <Layout location={location}>
    <Product product={data.cosmicjsProducts} url={location.href} single />
  </Layout>
);