Перейти к содержанию
Форум поддержки пользователей VamShop

Закрытие popup_images


Рекомендуемые сообщения

Здравствуйте!

Как установить на popup картинку значок закрытия (х)

Zoom пришлось отключить, судя по вебвизору, многие кликают для увеличения, особенно в мобильных версиях, и не увидев большой фотки уходят с сайта/

Если пользователь нажимает на увеличение картинки, то вернуться назад на карточку товара, возможно только по браузерной стрелке, т.к. открывается адрес images/product_images/popup_images/картинка.jpg.

Как в мобильной так и в дектопе.

Это неудобно.

Ссылка на сообщение
Поделиться на другие сайты
24 минуты назад, Olga_Ya сказал:

Здравствуйте!

Как установить на popup картинку значок закрытия (х)

Zoom пришлось отключить, судя по вебвизору, многие кликают для увеличения, особенно в мобильных версиях, и не увидев большой фотки уходят с сайта/

Если пользователь нажимает на увеличение картинки, то вернуться назад на карточку товара, возможно только по браузерной стрелке, т.к. открывается адрес images/product_images/popup_images/картинка.jpg.

Как в мобильной так и в дектопе.

Это неудобно.

Не понял.

Так по умолчанию есть значок закрытия.

Справа внизу.

 

Screenshot from 2020-12-16 18-21-57.png

Ссылка на сообщение
Поделиться на другие сайты

В script_footer.php

убрала зум картинки:
<!-- <script src="jscript/jquery/plugins/zoom/jquery.zoom.js"></script>
<script>
// Product Images Zoom

$(document).ready(function(){
$(".image-zoom").each(function(arg, el){
    var image = $(el).find("img");
    //$(el).wrap('<span style="display:inline-block"></span>')
    $(el).wrap('<span></span>')
    $(el).css('display', 'block')
    $(el).parent()    
    $(el).zoom({
        on: 'mouseover',
        url: image.attr("src").replace("info_images", "popup_images")
    });
});
});
</script>
<script src="jscript/jquery/plugins/colorbox/jquery.colorbox-min.js"></script>-- >


Теперь при открытии popup выкидывает на адрес страницы

https://snegovik-online.ru/triumph-tree-sosna-zheneva-1-85m-73275.html

Изначально задача была, чтобы в мобильной версии, при клике, открывалась папап картинка.

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

Ссылка на сообщение
Поделиться на другие сайты
12 минут назад, Olga_Ya сказал:

В script_footer.php

убрала зум картинки:
<!-- <script src="jscript/jquery/plugins/zoom/jquery.zoom.js"></script>
<script>
// Product Images Zoom

$(document).ready(function(){
$(".image-zoom").each(function(arg, el){
    var image = $(el).find("img");
    //$(el).wrap('<span style="display:inline-block"></span>')
    $(el).wrap('<span></span>')
    $(el).css('display', 'block')
    $(el).parent()    
    $(el).zoom({
        on: 'mouseover',
        url: image.attr("src").replace("info_images", "popup_images")
    });
});
});
</script>
<script src="jscript/jquery/plugins/colorbox/jquery.colorbox-min.js"></script>-- >


Теперь при открытии popup выкидывает на адрес страницы

https://snegovik-online.ru/triumph-tree-sosna-zheneva-1-85m-73275.html

Изначально задача была, чтобы в мобильной версии, при клике, открывалась папап картинка.

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

Последнюю строку с colorbox не надо было удалять.

Это как раз скрипт для popup окна.

Ссылка на сообщение
Поделиться на другие сайты
5 минут назад, support сказал:

Последнюю строку с colorbox не надо было удалять.

Это как раз скрипт для popup окна.

Спасибо, всё заработало!

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...