Shopping Cart
The ZaveIT WebShop includes a Shopping Cart feature that allows customers to add products, review their selections, and proceed to checkout. The cart streamlines the purchasing process by providing an easy way to manage selected products before finalizing an order.
Adding Products to the Cart
When a logged-in customer browses the Product Shop, they can:
- View product prices (only visible when logged in).
- Adjust quantity before adding items to the cart.
- Click the "Add to cart" button to include the product in their shopping cart.
Once a product is added, the cart icon in the top menu will update, displaying the total number of items in the cart.
Accessing the Cart
Customers can access their cart at any time by clicking the Cart button in the top navigation.
Upon opening the cart, they can:
- Review selected products, including name, quantity, and price.
- Adjust product quantities using the increment (+) or decrement (-) buttons.
- Remove items by clicking the delete icon.
- View order details, including the subtotal and total amount due.
Completing the Checkout Process
Once the cart is finalized, customers can proceed to checkout:
- Review the order summary to ensure all items are correct.
- Click the "Checkout" button.
- Follow the guided steps to complete the purchase.
Example Use Cases
🛒 Adding a Monitor to the Cart
- Locate a 4K monitor in the Product Shop.
- Adjust the quantity (if needed).
- Click "Add to cart".
- The cart icon updates, showing the added item.
🛒 Reviewing and Adjusting the Cart
- Open the Cart from the navigation menu.
- Check the items in the cart.
- Increase or decrease the quantity as needed.
- Remove any unwanted items.
🛒 Proceeding to Checkout
- Open the Cart.
- Review the total amount due.
- Click "Checkout" to proceed with the purchase.