@alexiusgrey

Библиотека рinch zoom — правильно ли подключаю и как правильно действоваь дальше?

Хочу сделать, чтобы фотографии из галереи магазина, которые увеличиваются в поп-апе(лайтбоксе), приближались на мобильно именно двумя пальцами. Кнопкой плюс-минус или квадратиком, отвечающий за зум, не подходит.

Сейчас для поп-апа стоит стандартный вукоммерсовкий 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?
Кто пользовались - как правильно сделать? Поделитесь подалуйста опытом.
  • Вопрос задан
  • 79 просмотров
Пригласить эксперта
Ответы на вопрос 1
@garbagecollected
Не нужны там никакие библиотеки.

Собрал вам небольшую демошку

https://codepen.io/zazaulola/full/WNJaPeg

Зайдите на полноэкранную версию с мобильного телефона.

Вы это хотите реализовать?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы