ProductIdentifiers

The codes a business buyer orders and reconciles by, under the product's title, each with a button that copies it. A code that is absent is left out.

import { ProductIdentifiers } from "@evolve-storefront/feature-product/product-business";

Preview

The contract price excluding VAT leads; incl. VAT and the struck list price follow.

<ProductContractPrice
  price={variant.price}
  listPrice={variant.listPrice}
  company={businessUnit.name}
/>;

Prop	Type	Description
`sku?`	`string \| null`
`mpn?`	`string \| null`	The manufacturer's part number.
`ean?`	`string \| null`

Any other props go to the root element, like on a plain HTML element.

At List PriceA contract price at list price strikes nothing through.

<ProductContractPrice price={variant.price} listPrice={variant.listPrice} />;

IdentifiersSKU, MPN and EAN under the title, each copied with its own button.

<ProductIdentifiers sku={variant.sku} mpn={variant.mpn} ean={variant.ean} />;

Price TiersEach tier's saving against the first, the current tier marked, and a nudge that raises the quantity to the next one.

<ProductPriceTiers tiers={tiers} quantity={quantity} onQuantityChange={setQuantity} />;

Best Price TierAt the top tier there is no next one to reach, so it says the best price is reached.

<ProductPriceTiers tiers={tiers} quantity={60} onQuantityChange={setQuantity} />;