Skip to main content

Basket

The basket contains several elements:

  1. The checkout steps breadcrumbs shows all steps of the checkout. Steps can vary depending on the shop configuration.

  2. The basket message, used to present the "system" messages that are valid for the basket at that point. Think of:

    • a minimum order amount required to order
    • a minimum order amount for free delivery
    • etc.
  3. The button options that add extra functionality to the basket. By default, we include Go back or Next step in the check-out process. Other buttons are:

    • Empty entire basket
    • Park your order (saves the order for later use)
    • Save as order list (this will create a reusable order list of your current basket for repeated orders)
  4. The product list in your basket, which can include information such as:

    • Product data (image, title, description, stock)
    • Memo field (a description field on product level)
    • Prices (from, for, discount, discount percentage)
    • Quantity elements, for
      • increasing or decreasing the ordered quantity
      • *removing the row entirely
      • minimum order amount (it is not possible to order less than that quantity)
      • increment only by a set amount (+6 or +12)

  5. The order overview. This element location is not fixed and is usually combined with:

    • delivery options
    • order reference field
    • delivery date.
  6. The order overview can be included in any of the different steps of the check-out process other than the confirmation page. It includes:

    • Prices including and excluding VAT
    • Delivery costs
    • Discounts (when active)
    • Coupon field (enter a coupon code to activate an extra discount).
    • Delivery option (may alter delivery costs based on selection).
    • Preferred delivery date.