Key Components of the Framer-Shop Kit:
Add to Cart Button
Function: This button allows users to select products and add them to their shopping cart with a simple click.
Cart Icon Button with Item Count
Function: Displays a dynamic icon on the page that updates in real time to show the number of items currently in the shopping cart. Clicking on this icon also allows users to open the cart to view or modify their selected items.
Cart List Component
Function: Provides a detailed list of all items in the shopping cart, allowing users to see product summaries, adjust quantities, or remove items entirely.
Total Cart Component
Function: Calculates and displays the total cost of all items in the shopping cart, ensuring customers are aware of the amount they will be expected to pay at checkout.
Empty Cart Button
Function: Enables users to clear all items from their cart at once, simplifying the process for those who wish to start their shopping over.
Checkout Button
Function: Initiates the checkout process, guiding customers through providing payment and shipping information.