snippets/product-card/snippet.jsx     → UI pura (props: product)
sections/product-card/section.jsx     → schema + defineSectionData + grid
sections/product-card/schema.json     → settings do merchant

export const data = defineSectionData(async ({ storefront, settings }) => {
  const refs = Array.isArray(settings.products)
    ? settings.products.filter(Boolean)
    : [];
  if (!refs.length) return { products: [] };

  const results = await Promise.all(
    refs.map(async (ref) => {
      try {
        return await storefront.products.get(ref);
      } catch {
        return null;
      }
    })
  );
  return { products: results.filter(Boolean) };
});

import ProductCard from '@corvex/snippets/product-card';

<ProductCard
  product={product}
  showSaleBadge={true}
  saleBadgeLabel="Promoção"
  outOfStockLabel="Esgotado"
/>