From 0d11232b3df9bb6bedf6cfa0de568e29b8941dfc Mon Sep 17 00:00:00 2001
From: Daniele Pancottini <daniele.pancottini@studio.unibo.it>
Date: Sat, 4 Mar 2023 21:17:43 +0100
Subject: [PATCH] Add Zoom into product view images

---
 site/components/product/ProductView/ProductView.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/site/components/product/ProductView/ProductView.tsx b/site/components/product/ProductView/ProductView.tsx
index bb593d871..de7c46b24 100644
--- a/site/components/product/ProductView/ProductView.tsx
+++ b/site/components/product/ProductView/ProductView.tsx
@@ -12,6 +12,7 @@ import ProductSidebar from '../ProductSidebar'
 import ProductTag from '../ProductTag'
 import ProductModel from '../ProductModel/ProductModel'
 import Lightbox from 'yet-another-react-lightbox'
+import Zoom from "yet-another-react-lightbox/plugins/zoom";
 import 'yet-another-react-lightbox/styles.css'
 import { useRouter } from 'next/router'
 import random from 'lodash.random'
@@ -89,6 +90,7 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
               </ProductSlider>
               <Lightbox
                 open={isLightboxOpen}
+                plugins={[Zoom]}
                 close={() => setLightboxOpen(false)}
                 slides={product.images.map((image) => {
                   return {