Shopping Cart Plugin UI Components
The view models (JavaScript files) and HTML renderers for the ShoppingCart plugin’s UI components are defined in the CommerceAccelerator/Plugins/ShoppingCart/src/main/web-app directory. Templates for associated cartridges are located in CommerceAccelerator/Plugins/ShoppingCart/src/main/deploy/import/templates. Note that not all UI components have associated cartridges; those that do not are marked N/A in the Cartridge Type column of the table below.
UI Component | Description | Cartridge Type |
|---|
CartEditor
| Allows the shopper to view and interact with the shopping cart, including viewing an order summary, viewing the items in the cart, removing items from the cart, updating item quantities, getting notified when cart items are unavailable and proceeding to checkout. When the cart is not empty, the CartEditor UI component renders the OrderSummary UI component, described below, as well as the CouponEditor UI component that is part of the Promotions plugin (CommerceAccelerator/Plugins/Promotions/src/main/web-app/CouponEditor.js). When the cart is empty, the CartEditor UI component provides an “empty cart” message and a Continue Shopping link. | MainContent
|
CartLink
| The CartLink UI component provides a UI to indicate the current status of the shopping cart. CartLink has two states: expanded and collapsed, with collapsed being the default. In the collapsed state, CartLink is a button that indicates, on the button text, the number of items in the cart. When the shopper clicks this button, he is taken to the cart page. In the expanded state, the CartLink UI component becomes a Bootstrap modal window, in addition to the button, that displays the order summary and the list of items in the cart. CartLink is automatically expanded when an item is successfully added to cart and is collapsed by closing the modal window. | HeaderAction
|
OrderSummary
| The CartEditor UI component uses the OrderSummary UI component to display the order summary, including an item subtotal, discounts, shipping, taxes, and an overall total. | N/A
|
