← All blocks

Product gallery with a sticky buy box

product-detail · gallery-beside-buy-box · product-detail-gallery-buy-box

npx shadcn@latest add @plus-ui/product-detail-gallery-buy-box

Default content

{
  "breadcrumbs": [
    {
      "label": "Home",
      "href": "#"
    },
    {
      "label": "Tableware",
      "href": "#"
    },
    {
      "label": "Cups & tumblers",
      "href": "#"
    }
  ],
  "currency": "GBP",
  "product": {
    "name": "Hollin tumbler, set of 4",
    "href": "#",
    "category": "Tableware",
    "material": "Speckled stoneware, oat satin glaze",
    "price": 48,
    "images": [
      {
        "src": "https://images.unsplash.com/photo-1610701596007-11502861dcfa?auto=format&fit=crop&w=900&h=1100&q=80",
        "alt": "Speckled stoneware tumblers stacked on a white shelf"
      },
      {
        "src": "https://images.unsplash.com/photo-1610701596061-2ecf227e85b2?auto=format&fit=crop&w=900&h=1100&q=80",
        "alt": "Hollin tumblers on an oak table beside cream bowls and serving boards"
      },
      {
        "src": "https://images.unsplash.com/photo-1610701596295-4dc5d6289214?auto=format&fit=crop&w=900&h=1100&q=80",
        "alt": "Cream tableware and a striped linen napkin laid on a table"
      },
      {
        "src": "https://images.unsplash.com/photo-1493106641515-6b5631de4bb9?auto=format&fit=crop&w=900&h=1100&q=80",
        "alt": "Clay-covered hands throwing a pot on the wheel"
      }
    ],
    "swatches": [
      {
        "name": "Oat",
        "color": "oklch(0.86 0.035 80)"
      },
      {
        "name": "Honey",
        "color": "oklch(0.72 0.11 70)"
      },
      {
        "name": "Chalk",
        "color": "oklch(0.95 0.01 90)"
      }
    ],
    "badge": "Bestseller",
    "rating": {
      "value": 4.9,
      "count": 212
    }
  },
  "summary": "Thrown in Ruth Ashworth's Hathersage workshop from a speckled buff clay, then dipped by hand so the raw foot shows. They hold a short coffee, a long water or a few stems from the garden.",
  "colourLabel": "Glaze",
  "sizes": {
    "label": "Set",
    "values": [
      {
        "label": "Pair",
        "priceDelta": -22,
        "soldOut": false
      },
      {
        "label": "Set of 4",
        "priceDelta": 0,
        "soldOut": false
      },
      {
        "label": "Set of 6",
        "priceDelta": 22,
        "soldOut": false
      }
    ],
    "defaultIndex": 1
  },
  "stock": {
    "label": "In stock",
    "detail": "Packed and posted from Sheffield in 2–3 working days",
    "tone": "success"
  },
  "labels": {
    "quantity": "Quantity",
    "decrease": "One fewer",
    "increase": "One more",
    "addToCart": "Add to basket",
    "added": "Added to your basket",
    "viewCart": {
      "label": "View basket",
      "href": "#"
    },
    "wishlist": "Save for later",
    "wasPrice": "Was",
    "reviews": "{count} reviews",
    "soldOut": "Sold out",
    "gallery": "Product photos",
    "photo": "Photo {n}"
  },
  "notes": [
    {
      "icon": "truck",
      "title": "Free UK delivery over £75",
      "body": "Wrapped in recycled paper and wool offcuts, never plastic."
    },
    {
      "icon": "rollback",
      "title": "30-day returns",
      "body": "Changed your mind? Send it back unused for a full refund."
    },
    {
      "icon": "leaf",
      "title": "Made within 60 miles",
      "body": "Every maker is a day's drive from our Sheffield shop."
    }
  ],
  "details": [
    {
      "title": "Materials and care",
      "body": "Speckled buff stoneware fired to 1260°C, oat satin glaze outside, clear inside. Dishwasher safe; the glaze will soften slightly over years of use, which we think is the point."
    },
    {
      "title": "Size",
      "body": "9 cm tall, 8 cm across, holds 280 ml. Each one is thrown by hand, so expect a few millimetres between them."
    },
    {
      "title": "Delivery and returns",
      "body": "Free UK delivery over £75, otherwise £4.95. Ceramics travel in moulded pulp and arrive whole; if one doesn't, we replace it."
    }
  ]
}