Главная Каталог-товаров

Увелечение картинки на странице товара

По клику на изображение или на иконку (размещённую, например, в правом нижнем углу), картинка откроется на весь экран. Это особенно эффектно смотрится, если изображения имеют прозрачный фон.

Установка Комментарии
  • 1. Вам необходимо файлы fullscreen.js и fullscreen.css загрузить в ваш файловый менеджер. (скачать файлы в Telegram)

     

    2. Код добавляется в раздел /admin - пункт "Сменить дизайн" - вкладка "Код", в первое поле

    <link rel="stylesheet" href="/fullscreen.css?v=1.10">
    

     

    3. Второй код также добавляется во вкладке "Код", но во второе поле:

    <script src="/fullscreen.js?v=1.10"></script>
    

     

    Описание функционала:

    По клику на картинку или иконку справа внизу или где там разместите у себя, картинка откроется во весь экран, круто смотриться если у вас картинки без фона

    Для увеличения изображения используйте двойной тап по нужному месту картинки. В увеличенном режиме можно перемещать изображение и рассматривать детали. Чтобы уменьшить изображение, снова выполните двойной тап.

    Если на странице несколько изображений, скрипт это определяет, и между ними можно удобно переключаться в полноэкранном режиме.

    Чтобы выйти из полноэкранного режима, достаточно тапнуть в любом месте вне изображения.


  • Отзывов - 0
    Оставить отзыв
    Войдите или зарегистрируйтесь, чтобы получить возможность оставлять отзывы на сайте.
Нужна консультация? Задайте вопрос нашему специалисту!
Задать вопрос
E-mail исполнителя в Divly *:
Тематика шаблона *:
Название шаблона *:
Тип шаблона *:
Ссылка на сайт с шаблоном *:
Описание шаблона (для страницы шаблона в магазине) *:
READ.ME файл (если на сайте использован CSS/HTML)):
Сайт соответствует правилам размещения в магазине *С правилами ознакомлен (клик для открытия в новой вкладке)

There is no requested mail form.