ProductListing

Functions

ProductListing(props) ⇒ React.Element: A child component of the CartPage component. This component renders the product listing on the cart page.
EditModal(props) ⇒ React.Element: A child component of the ProductListing component. This component renders an edit modal for a product.

A child component of the CartPage component. This component renders the product listing on the cart page.

Returns: Parameters

Name	Type	Description
props	`Object`
props.setIsCartUpdating	`function`	Function for setting the updating state of the cart.
props.classes	`Object`	CSS className overrides. See productListing.module.css for a list of classes you can override.

Example (Importing into your project)

import ProductListing from "@magento/venia-ui/lib/components/CartPage/ProductListing";
Copied to your clipboard
import ProductListing from "@magento/venia-ui/lib/components/CartPage/ProductListing";

A child component of the ProductListing component. This component renders an edit modal for a product.

Returns: Parameters

Name	Type	Description
props	`Object`
props.item	`Object`	Product to edit.
props.setActiveEditItem	`function`	Function for setting the actively editing item See productListingFragments.js for a list of properties for this object.
props.setIsCartUpdating	`function`	Function for setting the updating state of the cart.
props.classes	`Object`	CSS className overrides. See editModal.module.css for a list of classes you can override.

Example (Importing into your project)

import EditModal from "@magento/venia-ui/lib/components/CartPage/ProductListing/EditModal";
Copied to your clipboard
import EditModal from "@magento/venia-ui/lib/components/CartPage/ProductListing/EditModal";

Source Code: pwa-studio/packages/venia-ui/lib/components/CartPage/ProductListing/productListing.js

Price Summary

Overview

Last updated 9/13/2023

Was this helpful?

Yes