Add to Cart

Mini cart-line card with product photo, name, variant, price, a minus/plus quantity stepper, and a tone-filled Add to cart button.

Nomad Diver Watch
Nomad Diver WatchBlack · Steel band
$420
1

New here? Read the installation guide.

Import & use
import { Commerce6 } from "@/components/beste/piece/commerce6";

<Commerce6
  image="https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=256&auto=format&fit=crop"
  name="Nomad Diver Watch"
  variant="Black · Steel band"
  price="$420"
  qty={1}
  tone="foreground"
/>

More Commerce pieces

View all Commerce
Your bag2
  • Air Max 90
    Air Max 90Qty 1
    $129
  • Field Jacket
    Field JacketQty 1
    $240
Subtotal$369

Cart Drawer

Mini cart panel with a count badge header, two item rows showing photo, name, quantity, and price, and a tone Checkout CTA next to the subtotal.

Subtotal$284.00
ShippingFree
Tax (8.5%)$24.14
Discount · SUMMER20−$56.80
Total$251.34

Cart Summary

Order math card with subtotal, shipping, tax, and an emerald discount line, separated from a bold final total below.

Pre-order1,284 notified
Air Max 90 Limited EditionShips May 15
$159

Pre-order Card

Coming-soon product card with a tone Pre-order pill, notify-count, calendar release date, price, and a tone-filled Reserve button.

Field Leather Backpack
Field Leather Backpack$340

Wishlist Save

Product row with a photo, name, price, and a pill Save button that fills with a rose heart and shows the total wishlist count when active.

Air Max 90 EssentialNew
Air Max 90 Essential
$1294.7(284)

Product Tile

Catalog tile with a square product photo, a corner New tag, a heart save button, and a name, price, and star rating footer.

Order confirmed#SO-8241
$284.00
Arrives Apr 26 – Apr 28
Receipt sent to hello@beste.co

Order Confirmation

Post-purchase card with an emerald check, order id, total price, a package-arrival line, and the receipt email destination.

Markdown version