Skip to content
EvolveEvolveEvolve

CartMinimumOrderNotice

Says how much a business cart still lacks to reach the company's minimum order value, and that a quote can still be requested. Both amounts are before tax and exclude shipping, as the server checks them.

import { CartMinimumOrderNotice } from "@evolve-storefront/feature-cart/cart-minimum-order-notice";

Renders inside CartProvider.

Preview

DefaultOpen in Storybook ↗

Usage

€120 short of a €500 minimum.

const { data: minimumOrder } = useCartMinimumOrder();


// On the cart page, above the order button.
<CartMinimumOrderNotice minimumOrder={minimumOrder} />;

Props

PropTypeDescription
minimumOrderCartMinimumOrder | null | undefined

From useCartMinimumOrder; nothing renders when it is null or nothing is missing.

headingLevel?HeadingLevel

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

Change the layout

Pass children to CartMinimumOrderNotice to arrange its parts yourself. Every part is exported from @evolve-storefront/feature-cart/cart-minimum-order-notice.

CartMinimumOrderReasonWhy the order button is off below the minimum, in one line, for its blockedReason: "Add €120.00 more to place an order."
PropTypeDescription
minimumOrderCartMinimumOrder