Skip to content

API Reference

Catalog metadata for this block. Install copies the source into your project.

npx cronus-ui add product-detail
Skip Product detail fields table
FieldTypeDefaultDescription
slug*
string"product-detail"Registry item id. Passed to cronus-ui add.
name*
string"Product detail"Display name shown in the gallery.
description*
string"Full product page section with gallery art, rating, variant selectors, quantity stepper, add-to-cart CTA and detail accordions."Short summary of what the block covers.
variants
{ id: string; name: string; description: string }[]["standard", "gallery", "minimal"]Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default.

Variants

Every published look for this block.

Skip Product detail variants table
IdNameDescription
standardStandardFull product page with variant selectors, a quantity stepper and detail accordions.
galleryGalleryThumbnail rail beside the main image, with a quick spec strip.
minimalMinimalCentered single-column layout, ideal for one-product stores.