OutOfStock container
The OutOfStock
container is designed to handle and display items in the shopping cart that are out of stock or have insufficient quantity. You can configure it to handle the removal of out-of-stock items and provide a route to the cart page.
OutOfStock configurations
The OutOfStock
container provides the following configuration options:
Example
The following example renders the OutOfStock
container to handle and display out-of-stock items in the cart:
import * as cartApi from '@dropins/storefront-cart/api.js';import OutOfStock from '@dropins/storefront-checkout/containers/OutOfStock.js';import { render as CheckoutProvider } from '@dropins/storefront-checkout/render.js';
const $outOfStock = checkoutFragment.querySelector('.checkout__out-of-stock');
CheckoutProvider.render(OutOfStock, { routeCart: () => '/cart', onCartProductsUpdate: (items) => { cartApi.updateProductsFromCart(items).catch(console.error); },})($outOfStock),