Удалить Анимацию И Слайдер В Моб.версии
#1
Отправлено 06 Март 2015 - 11:27
Аккаунт: SL-332461
#2
Отправлено 31 Март 2015 - 03:24
//Product if(!navigator.userAgent.match(/iPad|iPhone|Android/i)) { $('.product, .employee') .hover(function(event) { event.preventDefault(); $(this).addClass('hover'); }, function(event) { event.preventDefault(); $(this).removeClass('hover'); }); }замените на:
//Product if($(window).width() > 640) { $('.product, .employee') .hover(function(event) { event.preventDefault(); $(this).addClass('hover'); }, function(event) { event.preventDefault(); $(this).removeClass('hover'); }); }2. В main.css после:
@media screen and (max-width: 640px) {вставьте:
#slider1_container{display:none;}
#3
Отправлено 31 Март 2015 - 23:38
#4
Отправлено 13 Август 2015 - 21:26
- при этом кнопки "в избранное, быстрый заказ, в сравнение" хочется сохранить, и перенести с разворота на основную сторону карточки товара и разместить где-нибудь под ценой.
#5
Отправлено 14 Август 2015 - 03:46
//Product if(!navigator.userAgent.match(/iPad|iPhone|Android/i)) { $('.product, .employee') .hover(function(event) { event.preventDefault(); $(this).addClass('hover'); }, function(event) { event.preventDefault(); $(this).removeClass('hover'); }); }
В профиле форума укажите пожалуйста номер аккаунта.
#6
Отправлено 14 Август 2015 - 09:53
#7
Отправлено 14 Август 2015 - 19:27
#8
Отправлено 15 Август 2015 - 01:12
$('body').on('touchstart', function (event) { event.stopPropagation(); if ($(event.target).parents('.product, .employee').length==0) { $('.product, .employee').removeClass('hover'); } }); $('.product, .employee').on('touchend', function(event){ if ($(this).hasClass('hover')) { $(this).removeClass('hover'); } else { $('.product, .employee').removeClass('hover'); $(this).addClass('hover'); } });
#9
Отправлено 15 Август 2015 - 17:22
#10
Отправлено 01 Февраль 2016 - 03:11
Цитата
@media screen and (max-width: 640px) {вставьте:
#slider1_container{display:none;}
задача та же, выключить слайдер в мобильной версии
Аккаунт SL-370930
#11
Отправлено 01 Февраль 2016 - 09:50
arenkir (01 Февраль 2016 - 03:11) писал:
задача та же, выключить слайдер в мобильной версии
Аккаунт SL-370930
Здравствуйте, уточните, Вы хотите именно выключить слайдер, или скрыть в мобильной версии?
#15
Отправлено 20 Июнь 2017 - 20:46
Подскажите как убрать вращение карточки товара на мобильной версии.
В данный момент и на ПК и на мобильной версии карточки товара вращаются только если товары находятся на главной странице в качестве "Хиты продаж" и "Новинки". В каталоге же карточки не вращаются.
Необходимо, чтобы на мобильной версии карточки товаров, которые находятся на главой странице в качестве "Хиты продаж" и "Новинки" не вращались, а на компьютере вращались.
Если в main.js удалить:
//Product
if(!navigator.userAgent.match(/iPad|iPhone|Android/i)) {
$('.product, .employee')
.hover(function(event) {
event.preventDefault();
$(this).addClass('hover');
}, function(event) {
event.preventDefault();
$(this).removeClass('hover');
});
}
то на компьютере карточки товаров, которые находятся на главой странице в качестве "Хиты продаж" и "Новинки" не вращаются, а на мобильной версии вращаются. Нужно наоборот.
Заранее спасибо.
#16
Отправлено 21 Июнь 2017 - 09:57
working_working (20 Июнь 2017 - 20:46) писал:
Подскажите как убрать вращение карточки товара на мобильной версии.
В данный момент и на ПК и на мобильной версии карточки товара вращаются только если товары находятся на главной странице в качестве "Хиты продаж" и "Новинки". В каталоге же карточки не вращаются.
Необходимо, чтобы на мобильной версии карточки товаров, которые находятся на главой странице в качестве "Хиты продаж" и "Новинки" не вращались, а на компьютере вращались.
Если в main.js удалить:
//Product
if(!navigator.userAgent.match(/iPad|iPhone|Android/i)) {
$('.product, .employee')
.hover(function(event) {
event.preventDefault();
$(this).addClass('hover');
}, function(event) {
event.preventDefault();
$(this).removeClass('hover');
});
}
то на компьютере карточки товаров, которые находятся на главой странице в качестве "Хиты продаж" и "Новинки" не вращаются, а на мобильной версии вращаются. Нужно наоборот.
Заранее спасибо.
Здравствуйте.
В шаблоне main.js код:
//Product if(!navigator.userAgent.match(/iPad|iPhone|Android/i)) { $('.product, .employee') .hover(function(event) { event.preventDefault(); $(this).addClass('hover'); }, function(event) { event.preventDefault(); $(this).removeClass('hover'); }); } $('body').on('touchstart', function (event) { event.stopPropagation(); if ($(event.target).parents('.product, .employee').length==0) { $('.product, .employee').removeClass('hover'); } }); $('.product, .employee').on('touchend', function(event){ if ($(this).hasClass('hover')) { $(this).removeClass('hover'); } else { $('.product, .employee').removeClass('hover'); $(this).addClass('hover'); } });
Замените на:
//Product if (($('body').width() + scrollWidth) >= 979 ) { $('.product, .employee') .hover(function(event) { event.preventDefault(); $(this).addClass('hover'); }, function(event) { event.preventDefault(); $(this).removeClass('hover'); }); } $('body').on('touchstart', function (event) { event.stopPropagation(); if ($(event.target).parents('.product, .employee').length==0) { $('.product, .employee').removeClass('hover'); } }); if (($('body').width() + scrollWidth) >= 979 ) { $('.product, .employee').on('touchend', function(event){ if ($(this).hasClass('hover')) { $(this).removeClass('hover'); } else { $('.product, .employee').removeClass('hover'); $(this).addClass('hover'); } }); };
Темы с аналогичным тегами слайдерглавная, анимация, моб
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных