Хочу сделать, чтобы фотографии из галереи магазина, которые увеличиваются в поп-апе(лайтбоксе), приближались на мобильно именно двумя пальцами. Кнопкой плюс-минус или квадратиком, отвечающий за зум, не подходит.
Сейчас для поп-апа стоит стандартный вукоммерсовкий photoswipe.
Но если они конфликтуют, я отключу, и подключу то, что не конфликтует, только я не знаю что. Что можно? Magnific popup/slick lightbox/еще другое?
Для пальцев мне здесь подсказали
эту библиотеку
Я устанавливаю не нпмом, я разархивировал zip-архив, закинул в нужную папку, и подключился
function themename_scripts_zoom() {?>
<script type="module" src=" <?php echo get_template_directory_uri() . '/assets/vendors/pinchzoom-2.3.5/src/pinch-zoom.js'?> "></script>
<?php }
add_action( 'wp_footer', 'themename_scripts_zoom');
Да, не через wp_enqueue_script, потому что консоль ругалась на ругалась на "экспорт", и через модуль способ был в интернете. Итого все подключилось в тему. В браузере отображается
<script type="module" src=" https://название сайта/wp-content/themes/название темы/assets/vendors/pinchzoom-2.3.5/src/pinch-zoom.js "></script
И в main.js добавляю
var PinchZoom = definePinchZoom();
let el = document.querySelectorAll('img');
let pz = new PinchZoom(el);
Пока ничего не поменялось, я правильно вообще начал? Что делать дальше?
Или ничего не будет, потому что его перебивает photoswipe?
Кто пользовались - как правильно сделать? Поделитесь подалуйста опытом.