Pages — Storefront Product
Product detail page with gallery, buy box, trust signals and a related collection.
The Mercato product detail page (PDP): header, breadcrumb, sticky gallery, buy box with options, trust row, detail accordions, a related collection, and the shared cart drawer.
Preview
Stoneware Dinner Set
Details & materials
Crafted from responsibly sourced materials. Each piece is finished by hand, so slight variations are part of the character. Full specifications and care included.
Shipping & returns
Carbon-neutral delivery on every order, free over $50. Returns are free within 30 days — no questions asked.
How we make it
Made in small batches with makers we've worked with for years. We tell you exactly where everything comes from.
Complete the look
Install
bun x bosia@latest add page storefront/productInstalls page.svelte plus the storefront blocks it composes. Pulls
@lucide/svelte for icons.
Usage
<script lang="ts">
import Product from "$lib/pages/storefront/product/page.svelte";
</script>
<Product />The page uses the first catalogue item as the product and the next few as the related collection. Adding to bag totals the selected quantity and opens the cart drawer.
Source
src/lib/pages/storefront/product/page.svelte