> ## Documentation Index
> Fetch the complete documentation index at: https://hbx-docs.uplifthub.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Shopping Cart

export const Ui = ({children}) => <span style={{
  display: "inline-flex",
  alignItems: "center",
  padding: "1px 6px",
  background: "#f7f8f8",
  border: "1px solid #e9ecef",
  borderRadius: 4,
  fontSize: "0.92em",
  fontWeight: 500,
  color: "#101213"
}}>
    {children}
  </span>;

Your cart holds the campaigns you've built but not yet ordered. Open it from the **cart icon** in the top right. From here you can review each campaign, make last-minute changes, add more, or proceed to pay by invoice.

## What's in the cart

Each campaign in the cart shows its hotel, package, add-ons, district, timeline and start date, along with its price. The **Summary** panel on the right totals everything:

* **Campaigns** — the combined price of the campaigns in your cart.
* **Discount** — any discount applied, such as the 25% for 2+ month timelines.
* **Total** — the amount that will be invoiced.

## Actions

<Steps>
  <Step title="Edit a campaign">
    Click the **pencil** icon on a campaign to change its details, or the **bin** icon to remove it from the cart.
  </Step>

  <Step title="Add another campaign">
    Click <Ui>Add campaign</Ui> to build another one before ordering, or <Ui>Empty cart</Ui> to clear everything and start over.
  </Step>

  <Step title="Proceed to pay">
    Click <Ui>Pay by invoice</Ui> to continue to the [checkout](/checkout/checkout) and enter your billing details.
  </Step>
</Steps>

<Note>
  Payment is collected via invoice after you submit your order — no card details are taken in the Self Serve App at this time.
</Note>

<Frame>
  <img src="https://mintcdn.com/hbx-uplifthub/zyL4LvKfcR9_VupI/images/shopping-cart-page.jpeg?fit=max&auto=format&n=zyL4LvKfcR9_VupI&q=85&s=701eadff090f166642000ca472bca2c8" alt="Shopping Cart Page" width="1357" height="896" data-path="images/shopping-cart-page.jpeg" />
</Frame>
