Корректировка работы плагина 360 Эксперт найден

Бюджет: По договоренности
Здравствуйте! Требуется корректировка работы плагина/CSS/JS.

Довольно давно приобрели плагин 360 https://www.webasyst.ru/store/..., но только недавно дошли руки для собственной съемки и интеграции плагина в формате основной галереи для товаров с отснятыми под 360 фотографиями.

Столкнулись с такой проблемой на мобильных (на десктопе тоже есть, но не так явно проявляется): при горизонтальной прокрутке галереи 360 (опция draggable: true — дефолтно) блокируется окружающий галерею интерфейс. Выяснили это, когда после внедрения написал покупатель, что не может с телефона добавить товар, где установлен плагин 360, в корзину. И действительно, на той странице после прокручивания пальцем галереи 360 блокировался весь окружающий интерфейс намертво, при этом клики в любом месте вьюпорта вызывали смену изображений в галерее 360.

Сделал тестовую страницу https://ridestep.ru/360-test/, где с телефона можно увидеть описываемую проблему на элементах управления плагином после прокрутки. В товарах элементы управления не используем, я включил их для тестов. Крутим галерею, после сразу жмем на элементы управления 360. Они будут неактивными, как будто их что-то перекрывает. Также этот же эффект заметен и на верхнем меню, правда не так явно, нежели когда галерея была в товарах.

Пробовал менять в инициализации скрипта опцию draggable: false, проблема исчезает, но тогда пропадает весь смысл использования плагина на мобильных.

Возможно, проблема решается правкой CSS, но самостоятельно адекватного решения найти не удалось.


2 ответа

  • waku42 7 ноября 2020 21:00 # Эксперт найден
    Андрей, приветствую)
    Тут дело в js...
    Событие click'а, а точнее touch'a (стрелка 2 на рисунке) перехватывается элементом выше по дереву (стрелка 1). Если его удалить (стрелка 3), то всё нажимается нормально)

    • Андрей sverkunov.ru Андрей sverkunov.ru 8 ноября 2020 17:27 #

      Добрый день! Возьметесь за доработку?

      • waku42 waku42 8 ноября 2020 23:14 #

        Давайте попробуем) Но заранее ничего обещать не буду, т.к. с плагином не знаком и пока видно, что файлы минифицированные, нужно смотреть.

        Пишите:

        E-mail: waku42@yandex.ru, Telegram: +7 952-131-28-20, Дмитрий.

  • Добрый день!

    Готовы помочь с Вашей задачей, прошу связаться со мной для уточнения сроков и стоимости. info@art-zhuravlev.ru, либо по телефону +7 (925) 803-95-67.

    С уважением,

    Журавлев Артем.

Откликнуться на заказ

Отклики на заказы могут добавлять только зарегистрированные эксперты и разработчики Webasyst. Стать экспертом.

Чтобы добавить комментарий, зарегистрируйтесь или войдите