Product Detail 16 block design & features
The block frames a sneaker product page in a grid of thin borders, built with shadcn/ui. A vertical thumbnail rail and a large photo fill the left side, and the right column stacks cells for the brand and name, a struck-through price above a red sale price, and a low-stock warning.
Further cells list in-store collection and shipping notes, a photo-based color option, a solid add to cart and a muted buy now button, then a split row with Ask a Question and Share. The details below are grouped under small headings for design, materials and colorway, ending with care instructions.
Ask a Question opens a dialog with a short form. The thumbnails switch the main photo, with inactive thumbnails dimmed and the current one fading to full strength, images open in a PhotoSwipe lightbox, and the gallery stays sticky while the details scroll. All copy and options come from one data object at the top of the file.