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.
ProductListing(props) ⇒ React.Element
A child component of the CartPage component. This component renders the product listing on the cart page.
Kind: global function
| Param | Type | Description |
|---|---|---|
| props | Object |
|
| props.setIsCartUpdating | function |
Function for setting the updating state of the cart. |
| props.classes | Object |
CSS className overrides. See productListing.css for a list of classes you can override. |
Example (Importing into your project)
import ProductListing from "@magento/venia-ui/lib/components/CartPage/ProductListing";
EditModal(props) ⇒ React.Element
A child component of the ProductListing component. This component renders an edit modal for a product.
Kind: global function
| Param | 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.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";
For implementation details View Source.
Talons
The Product Listing components use the Product Listing Talons to perform side effects and calculate the values for rendering the JSX content.