In an effort to provide a comprehensive summary of the items added to the shopping cart, we'll utilize the commercetools API to fetch and display a list of these items. This list should include essential details such as the name, image, and price of each item, both individually and in total quantity.
Features Implemented
The user interface displays a list of items in the shopping cart.
Each item in the list includes essential details such as the name, image, individual price, and the total cost for all quantities of that item.
The list of items is fetched from the commercetools API.
Users can modify the quantity of each product in their cart .
The application updates the cart data using the commercetools API when the quantity of a product is modified.
The application recalculates and displays the updated total cost when the quantity of a product is modified.
Each product in the shopping cart has a "Remove from Cart" button.
Clicking the "Remove from Cart" button removes the product from the shopping cart and updates the cart data using the commercetools API.
The total cost of the items in the shopping cart is automatically recalculated and updated every time a user modifies product quantities or removes items from the cart.
The total cost reflects the most recent data from the commercetools API.
A clear and friendly message is displayed when the shopping cart is empty.
The message is clearly visible and located within the area where cart items would typically be displayed.
The message displayed when the shopping cart is empty includes a link to the product catalog.
The link is functional and directs users to the product catalog when clicked.
The cart includes an input field for promo codes and an 'Apply' button .
When a valid promo code is entered and the 'Apply' button is clicked, the total cost of the cart is updated to reflect the discount associated with the promo code .
The total cost of the cart, including any discounts from promo codes, is calculated and displayed correctly .
Both the original price and the discounted price are displayed when a promo code is applied.
The two prices are visually distinct.
The shopping cart interface includes a "Clear Shopping Cart" button.
Clicking the "Clear Shopping Cart" button removes all items from the shopping cart.
A confirmation prompt appears when the "Clear Shopping Cart" button is clicked.
Overview
In an effort to provide a comprehensive summary of the items added to the shopping cart, we'll utilize the commercetools API to fetch and display a list of these items. This list should include essential details such as the name, image, and price of each item, both individually and in total quantity.
Features Implemented
Link to Issue
209 #210 #211 #212 #213 #214 #215 #216 #217