Pages — Storefront Cart

Cart page with line items, quantity steppers, a sticky order summary and an empty state.

The Mercato cart page: header, full-width line items with quantity steppers and remove, a sticky order summary with promo code and a "Checkout" CTA, an empty state when the bag is cleared, and a related collection.

Preview

Free carbon-neutral delivery over $50 New season just landed 30-day easy returns

__BRAND__

Featured

Your bag (2)

Kitchen Stoneware Dinner Set $78 each

$78

Living Linen Table Throw $44 each

$44

Before you go

Pantry Cold-Press Olive Oil (312) $19

Kitchen Hand-Thrown Mug (156) $24

Home Wool Storage Basket (64) $52

Low stock

Living Beeswax Candle, Fig (203) $28

Install

bun x bosia@latest add page storefront/cart

Installs page.svelte plus the storefront blocks it composes.

Usage

<script lang="ts">
	import Cart from "$lib/pages/storefront/cart/page.svelte";
</script>

<Cart />

The bag is seeded from the catalogue on first visit; shipping is free over $50. Clearing every line swaps in the empty state, and the related collection suggests items not already in the bag.

Source

src/lib/pages/storefront/cart/page.svelte