Product

​

Disponível em

• usePage('product').product
• schema.data: ["product"] → data.product
• storefront.products.list() / get() / getByHandle()
• Um campo type: "product" guarda só o id. get(id) devolve o objeto. get('') devolve null
• Resultados de busca e conexões products em coleção

​

ProductSummary

​

Product (extends ProductSummary)

​

ProductOption

​

Exemplo — listagem

import { useStorefront } from '@corvex/theme-sdk';

const storefront = useStorefront();
const { nodes } = await storefront.products.list({ first: 8, featured: true });

​

Exemplo — página de produto

import { usePage } from '@corvex/theme-sdk';

export default function ProductTitle() {
  const { product } = usePage('product');
  return <h1>{product.title}</h1>;
}

​

Tipos relacionados

• Product Variant
• Money
• Image
• Coleção
• Product Card Cookbook — exibição ProductSummary
• Variant Selector Cookbook — options / variants