Product Listing components
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";
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";
Source Code: pwa-studio/packages/venia-ui/lib/components/CartPage/ProductListing/productListing.js
Talons
The Product Listing components use the Product Listing Talons to perform side effects and calculate the values for rendering the JSX content.