Loading...
Loading...
A reusable component for displaying product images with zoom functionality, thumbnail navigation, and responsive design.
Using the component without passing any product prop (uses default demo data).
No product data available
Using the component with custom product data (PeopleLink Impact Pro Endpoint).
import ProductImageZoomView from '@/components/ProductImageZoomView'; // Use with default demo data <ProductImageZoomView />
const product = {
id: "product-id",
name: "Product Name",
description: "Product description",
images: [
{
src: "/path/to/image.jpg",
alt: "Image description",
width: 600,
height: 600
}
]
};
<ProductImageZoomView product={product} />