Skip to content

Function ShopProductCard

ShopProductCard(
    __namedParameters: {
        addDisabled?: boolean;
        addLabel: string;
        formatPrice: (amount: number) => string;
        href: string;
        onAdd?: () => void;
        product: ShopProduct;
        shippingHref?: string;
        shippingLabel?: string;
        taxLabel?: string;
    },
): Element
Render a controlled product card; the host owns navigation and add behavior.
Parameters
- __namedParameters: {
      addDisabled?: boolean;
      addLabel: string;
      formatPrice: (amount: number) => string;
      href: string;
      onAdd?: () => void;
      product: ShopProduct;
      shippingHref?: string;
      shippingLabel?: string;
      taxLabel?: string;
  }
  - OptionaladdDisabled?: boolean
    
    Disable the host add action. Optional; omitted unless supplied by the host or backend.
  - addLabel: string
    
    Host add-action label.
  - formatPrice: (amount: number) => string
    
    Format an integer-cent amount using the host locale and currency.
  - href: string
    
    Host navigation URL.
  - OptionalonAdd?: () => void
    
    Host-owned add action; the package does not provide a cart flow. Optional; omitted unless supplied by the host or backend.
  - product: ShopProduct
    
    Host-mapped product presentation data.
  - OptionalshippingHref?: string
    
    Host shipping information URL. Optional; omitted unless supplied by the host or backend.
  - OptionalshippingLabel?: string
    
    Host shipping information link label. Optional; omitted unless supplied by the host or backend.
  - OptionaltaxLabel?: string
    
    Host tax information. Optional; omitted unless supplied by the host or backend.
Returns Element