​

Product Contract

Esta página é o contrato canônico para o objeto Product na Corvex Store V2.

​

Disponibilidade

​

ProductSummary

​

Product (extends ProductSummary)

​

ProductOption

​

ProductVariant

​

Image (aninhado)

​

Money (aninhado)

​

Helpers públicos

import { getProductImage, getProductPrice } from '@corvex/theme-sdk';

​

Exemplo mínimo — card

function ProductCard({ product }) {
  const img = product.featuredImage;
  return (
    <a href={product.url}>
      {img && <img src={img.url} alt={img.altText || product.title} />}
      <span>{product.title}</span>
      <span>{product.price.formatted}</span>
    </a>
  );
}

​

Restrições

• Use title em tema novo. name existe e o mapper copia title.
• Confira availableForSale antes do botão de compra.

​

Veja também

• Data Contract
• Cart Contract
• Product resource
• Product Card Cookbook — UI ProductSummary
• Variant Selector Cookbook — options / variants / addItem