Adding range slider for WooCommerce image zoom

Job Description:

By default, WooCommerce is using PhotoSwipe library (v4.1.3) for the product slider, meaning when you are clicking on a product's image you can see the image with three icons (one-time zoom-in, fullscreen, exit), unfortunately, PhotoSwipe doesn't provide options for more advanced actions like step-by-step zoom-in and zoom-out:

[login to view URL]

I want a slide range for zoom-in and zoom-out below every image, it should work correctly on both mobile (touchable devices) and desktop, meaning when you zoom-in or zoom-out in an image you can drag the image in all directions (by default on zoom when you drag left and right it will go to next-previous image)

I am using the latest version of Woocommerce and + the latest version of the Storefront theme. Please try it on your side with this setup and deliver me the html/js/css file.

In the attachment, I sent you an example of image slider to give you an idea.

Навыки: JavaScript, WordPress, CSS, HTML, WooCommerce

О клиенте:
( 0 отзыв(-а, -ов) ) Roma, Italy

ID проекта: #35920666

15 фрилансеров(-а) готовы выполнить эту работу в среднем за €38


Hello. WordPress development expert ready to help you with a project. I have more than 400 good reviews and more than 11 years of development experience behind, so all job will be done with the best quality and timefra Больше

€30 EUR за 1 день
(672 отзывов(-а))

I have a few questions regarding the specifications that you have provided. Could we please have a word? My Skills: CSS, WordPress, JavaScript, WooCommerce and HTML

€8 EUR за 7 дней(-я)
(136 отзывов(-а))

Hi There, We are a team of experienced resources with having following professional qualities: Microsoft certified professional & Senior Word press designer & developers who take pride in web We have built. We have m Больше

€25 EUR за 7 дней(-я)
(48 отзывов(-а))

Hello, I am an experienced WordPress developer & have worked on 200+ WordPress websites. I have read your requirements and I would like to offer you our services as an experienced web developer. When you assign me the Больше

€19 EUR за 1 день
(102 отзывов(-а))

Hello, this is Rahil who has been working with web development for over 10 years now. I have read your requirement and I can help you to complete this project 100% perfectly sure to satisfy your requirement. I'd like t Больше

€150 EUR за 7 дней(-я)
(2 отзывов(-а))

hey there ! i have read your description and i got your requirement that you want zoom in zoom out feature . I have 8 yrs of experience . Do text me ,waiting for your revert.

€8 EUR за 1 день
(16 отзывов(-а))

Hello I will adding range slider for woo commerce image zoom come in chat box further discussion Thanks

€30 EUR за 1 день
(1 отзыв)

Hello Client , We can discuss this on chat so I can briefly go through your project and START WORKING IMMEDIATELY. I have experience in developing Graphic skills and attractive UI. I have rich experience in Web Develo Больше

€19 EUR за 7 дней(-я)
(3 отзывов(-а))