Store: product image gallery on the detail page #22

New issue

Open

opened 2026-07-25 13:45:49 +00:00 by yuris · 0 comments

yuris commented

2026-07-25 13:45:49 +00:00

Owner

Target

apps/store/app/products/[slug]/page.tsx and a small client gallery component.

Change

The detail page currently renders only images[0]. Add a thumbnail strip that swaps the displayed main image.
Keep the existing placeholder when images is empty.
Keep plain <img> (no image proxy exists under static export).

Constraints

Compatible with output: "export"; no new dependencies; no catalog contract change.

Acceptance

Products with multiple images show selectable thumbnails that change the main image.
Products with one or zero images render unchanged.
Verify at http://localhost:3001/products/ via devenv up.

Non-goals

Lightbox/zoom libraries.
Exposing price or stock.

## Target `apps/store/app/products/[slug]/page.tsx` and a small client gallery component. ## Change - The detail page currently renders only `images[0]`. Add a thumbnail strip that swaps the displayed main image. - Keep the existing placeholder when `images` is empty. - Keep plain `<img>` (no image proxy exists under static export). ## Constraints - Compatible with `output: "export"`; no new dependencies; no catalog contract change. ## Acceptance - Products with multiple images show selectable thumbnails that change the main image. - Products with one or zero images render unchanged. - Verify at http://localhost:3001/products/<slug> via `devenv up`. ## Non-goals - Lightbox/zoom libraries. - Exposing price or stock.

yuris referenced this issue from a pull request that will close it,

2026-07-25 14:01:25 +00:00

feat(store): marketplace browse UX — search/filter, gallery, related products, featured #25

yuris referenced this issue from a commit

2026-07-25 14:01:27 +00:00

feat(store): marketplace browse UX — search/filter, gallery, related, featured