Skip to main content

Interface: ProductGalleryProps

Defined in: components/ProductGallery.tsx:14

Properties​

className?​

optional className?: string

Defined in: components/ProductGallery.tsx:32

Extra CSS class applied to the root element.

enableLightbox?​

optional enableLightbox?: boolean

Defined in: components/ProductGallery.tsx:29

Enable fullscreen lightbox when clicking the main image. Defaults to true.

enableZoom?​

optional enableZoom?: boolean

Defined in: components/ProductGallery.tsx:26

Enable cursor-zoom-in hint on the main image. Defaults to true.

images​

images: string[]

Defined in: components/ProductGallery.tsx:20

Array of image URLs to display. Obtain from: product.media?.images?.items?.[0]?.imageVariants?.map(v => v.url) Component is in skeleton/loading state when this is an empty array.

labels?​

optional labels?: Record<string, string>

Defined in: components/ProductGallery.tsx:36

Translated labels keyed by the slugs used inside the component (see getLabel calls). Missing keys fall back to the English defaults.

showThumbnails?​

optional showThumbnails?: boolean

Defined in: components/ProductGallery.tsx:23

Show image thumbnails below the main image. Defaults to true.