Basket

What

The page shows all the items which have been added to the basket. The basket can be interacted with by deleting, restoring, and fully removing items. The quantity of each item can also be changed to a maximum of the item stock, and a minimum of 1 (otherwise it must be deleted & removed).

Components

This component has 2 main containers: the item container and the checkout container.

Item Container Components

• AdditionalInfo - shows information about the items such as stock
• Button - used for adding and removing items (+ and - button)
• DeletedItemContainer - used when someone clicks to delete and item. There are two options present to either restore the item, or remove completely from the basket
• DeleteLink - link used to delete items from the item container (switches to DeletedItemContainer view for that item)
• Image - styles & shows the product image within the item container
• Index - main ItemContainer which brings together all other components from the ItemContainer folder
• ItemName - name of item which should like to item view
• Price - shows individual item price
• QuantityCount - displays quantity for each item

Checkout Container Components

• CheckoutButton - button which stores cookies about the basket and redirects to checkout page
• Index - main CheckoutContainer which brings together all other components from the Checkout Container folder
• ItemCount - displays the subtotal for the chosen number of items
• TotalPrice - calculates and displays the total price to pay before clicking proceed to checkout