@@ -22,6 +22,7 @@ The Single Product page with Image Zoom feature which enhances the user experien
-**[Image Hover](#image-hover-with-lens-desktop):** Users can hover over product images to view zoomed in image and get a closer look. 3 different images should be used: thumbnail version for thumbnails, standard image for the main product placeholder and large version for zoomed-in image placeholder.
-**[Slide Functionality](#slider-with-arrows):** Users can navigate between product images and videos using left and right arrows.
-**[Thumbnails](#thumbnails-desktop):** Thumbnails of images and videos are displayed on the product page for quick access, it can be shown horizontally or vertically.
-**[Video Thumbnails](#video-thumbnails):** In the Product Slider,video should be displayed as an image only (do not embed video to the product slider).
-**Click to Open Image:** Clicking on a product image opens a pop-up viewer that displays the selected media.
-**Click to Open Video:** Clicking on a product video opens a pop-up viewer that plays the selected video.
...
...
@@ -60,6 +61,7 @@ The Single Product page with Image Zoom feature which enhances the user experien
- Should be built without the use of third party libraries.
- Please make sure this project is completed at least one working day before your interview.
- The completed project should be submitted by pushing the code to GitHub and a link emailed to HR.
- Deploy the project to Netlify or to any other platform.
### Screenshots
...
...
@@ -94,6 +96,12 @@ The Single Product page with Image Zoom feature which enhances the user experien