Setup

  1. Add a new div list inside the default wrapper element. This will be the list of all the products user has added to their cart. We will keeep adding the products to this list as the user adds them to the cart.
  1. Add a div inside the list div we just created. This second div will serve as template for each cart item.
  1. Add following attributes to the second div.
looopCartItem=""
  1. Develop the cart item by adding quantity input, remove button, and the variant image.