Storefront — Product Page

Galeri lengket, buy box dengan opsi, baris kepercayaan, accordion detail, dan ulasan.

Blok penyusun halaman detail produk (PDP). Letakkan galeri dan buy box berdampingan, tumpuk baris kepercayaan dan accordion di bawah opsi, lalu tutup dengan bagian ulasan.

Preview

Kitchen

Stoneware Dinner Set

214 reviews

$78 $96

Colour

Size

Free delivery over $50 30-day returns 2-year guarantee

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.

Quick view

Hover a card and tap the eye to open the quick-view modal.

New

Kitchen Stoneware Dinner Set (214) $78

Sale

Living Linen Table Throw (88) $44 $58

Reviews

4.4

5 reviews

ML
Maya Lindqvist

2 weeks ago
Verified
Even better in person
The glaze has a soft speckle you don't see in the photos. Survives the dishwasher and still looks hand-thrown. Ordering the matching bowls next.
TR
Tomas Reyes

1 month ago
Verified
Solid weight, no wobble
Sits flat, pours clean, and the handle actually fits a full hand. You can tell someone trimmed the foot properly.
PN
Priya Nair

1 month ago
Verified
Lovely, runs slightly small
Beautiful finish and the colour matches the listing. Just note the capacity is closer to 300ml than the 350ml I expected.
JW
Jonas Weber

2 months ago

Bought two as a gift and kept one for myself. Packaging was plastic-free and everything arrived without a chip.
EK
Elif Kaya

3 months ago
Verified
Good, but slow to arrive
The piece itself is great — small-batch quality is obvious. Shipping took twelve days though, so plan ahead if it's a present.

Install

bun x bosia@latest add block storefront/product-gallery
bun x bosia@latest add block storefront/product-options
bun x bosia@latest add block storefront/trust-row
bun x bosia@latest add block storefront/pdp-accordions
bun x bosia@latest add block storefront/reviews
bun x bosia@latest add block storefront/quick-view

product-options menarik storefront/store; semuanya menarik @lucide/svelte.

Usage

<script lang="ts">
	import ProductGallery from "$lib/blocks/storefront/product-gallery/block.svelte";
	import ProductOptions from "$lib/blocks/storefront/product-options/block.svelte";
	import { createCart } from "$lib/blocks/storefront/store/store.svelte.ts";

	const cart = createCart();
</script>

<div class="grid lg:grid-cols-[1.1fr_1fr] gap-12">
	<ProductGallery />
	<ProductOptions {cart} />
</div>

product-options menerima product, sizes opsional, dan cart bersama (tambah-ke-tas menjumlahkan kuantitas yang dipilih). pdp-accordions memakai <details> native untuk bagian detail.

quick-view adalah PDP-dalam-modal: bind open, kirim product dan cart bersama, lalu buka dari grid lewat onQuickView milik product-card (yang menampilkan tombol mata di samping hati).

reviews tampil mandiri dengan ulasan contoh, atau kirim milikmu: rating, count, distribution (persen per bintang, 5→1) dan reviews ({ author, rating, date, title?, body, verified? }). Form tulis-ulasannya menambah ke daftar yang tampil dan memanggil onSubmit(review) untuk penyimpanan sungguhan.

Source

src/lib/blocks/storefront/{product-gallery,product-options,trust-row,pdp-accordions,reviews,quick-view}/block.svelte