Странно, стрелки исчезли а размер не увеличился. Кеш конечно чистил. Вот такой результат На iPhone
Вот этот calc выдает 70% в результате если стили в хроме посмотреть. Поставил просто max-width: 100%
max-width: 100%
Тоже вариант.
Еще заметил один очень неудобный момент. Сейчас повсеместно этот гадкий советник яндекс маркета вылезает в виде полосы сверху странички сайта. Так вот этот бар советника перекрывает как раз ту зону, где крестик закрытия просмотра swipera находится. Пользователь может и не догадаться что надо свернуть советник и под ним найти крестик закрытия, а просто при щелчке мимо фото swiper не закрывается. Фактически закрытие невозможно станет пока человек не догадается что надо советник свернуть
1 лайк
Просмотрщик неплохой, но реализация никакая.
Можно увеличить область закрытия на всю ширину заголовка диалогового окна.
$(document).bind(‘ready ajaxComplete’, function(){
$(‘body’).on(‘click’,’.ui-widget-header’, function() {
$(’.ui-dialog’).filter(function () {
return $(this).css(“display”) === “block”;
}).find(’.ui-dialog-content’).dialog(‘close’);
});
Странно, что в просмотрщике не установлена опция zoom. К чему этот просмотрщик без увеличенного детального просмотра изображения.
В мобильном виде фото товара в просмотрщике меньше, чем на странице.
Я вот так сделал на мобильном, добавил zoom и увеличил область закрытия на всю ширину title окна.
Но на десктопе zoom не очевиден, как сделать zoom по кнопкам + и -?
Может, кто подскажет?
1 лайк
Вообщем для десктопа сделал вот так: добавил кнопку “В полном размере” по клику на которую открывается фото в самом максимальном размере в новом окне.
1 лайк
Мне показалось, что на последней версии Карта и Юни2 Owl карусель нормально работает.
Подскажите новичку - а куда вставлять этот скрипт?
А в шаблонах smarty и архитектуре cs-cart что-то понимаете?
Если да, то в файл scripts.post.tpl в своем модуле. Если нет - обратитесь к специалистам за деньги.
Включите модуль “Мои изменения”, затем в “Дизайн - Шаблоны” создайте файл в пути:
responsive/templates/addons/my_changes/hooks/index/scripts.post.tpl
Отсутствующие папки тоже нужно создать.
В файл scripts.post.tpl вставьте код:
<script>
$(document).bind('ready ajaxComplete', function(){
$('body').on('click','.ui-widget-overlay', function() {
$('.ui-dialog').filter(function () {
return $(this).css("display") === "block";
}).find('.ui-dialog-content').dialog('close');
});
});
</script>
Сохраните и почистите кэш.
4 лайка
Вот мой вариант специально для swiper методом css увеличена область закрытия просмотра и сам крестик, может кому пригодится
(необходимо вставить код в пользовательские css в редакторе стилей)
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix:hover {
background-color: #00000042;
}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
top: 18px;
}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
height: 100px;
z-index: 10 !important;
}
.ty-swiper-previewer__dialog .ui-dialog-titlebar.ui-widget-header .ui-icon-closethick {
color: #fff;
font-size: 60px;
width: 60px;
height: 60px;
}
.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
width: 100%;
height: 60px;
}
.ui-button-icon-only .ui-icon {
left: 96%;
}
.ty-swiper-previewer.ui-dialog-content.ui-widget-content {
bottom: 90px;
}
@media (min-width: 768px) {
.ui-button-icon-only .ui-icon {
left: 90vw;
}
}
заодно вопрос как вставить код в режиме кода чтобы блок выделялся в сообщении?
1 лайк
получается код на белом фоне, а как сделать как в сообщении выше на сероватом фоне? 
так и получается
@media (min-width: 768px) {
.ui-button-icon-only .ui-icon {
left: 90vw;
}
}
выделяем и жмем эту кнопу
подскажите, пожалуйста! а как вообще отключить zoom везде, как на десктопе так и в мобильном?
на мобильном приближать нет смысла, а на десктопе увеличение актуально только для non-retina дисплеев, не вижу смысла в этом
на офф сайте указана возможность управления при инициализации
const swiper = new Swiper('.swiper', {
zoom: {
maxRatio: 5,
},
});
но где это настраивать не нахожу!
Если бы @alex_vp -у платили за каждый совет то он бы стал миллиардером, мы для этого тут и сидим чтобы помогать друг другу, БЕСПЛАТНО! и потом, если бы человек хотел решить это платно не стал бы писать сюда!