Перейти к содержимому


Удалить Анимацию И Слайдер В Моб.версии

слайдерглавная анимация моб

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 15

#1 sauron.089

sauron.089

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 06 Март 2015 - 11:27

Помогите,как удалить анимация "перекручивания"(когда наводишь мышкой,он переворачивается,как карточка) товара на главной странице ТОЛЬКО В МОБИЛЬНОЙ ВЕРСИИ,и возможно ли удалить слайдер ТОЛЬКО в мобильной версии. Через ios и мощные андроид-устройства не глючит,но на остальных ужасно. Откат в связи с этом составляет почти 30%. :( Помогите пжлст..

Аккаунт:  SL-332461

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 31 Март 2015 - 03:24

1.В 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');
});
}
замените на:
//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 sauron.089

sauron.089

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 31 Март 2015 - 23:38

Спасибо огромное,очень помогли. Сразу заметно быстрее грузится и пролистывается,спасибо большое еще раз:)

#4 agentteam

agentteam

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 148 сообщений

Отправлено 13 Август 2015 - 21:26

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

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 14 Август 2015 - 03: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');
});
}

В профиле форума укажите пожалуйста номер аккаунта.

#6 agentteam

agentteam

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 148 сообщений

Отправлено 14 Август 2015 - 09:53

спасибо, получилось. Указал номер аккаунта в профиле

#7 agentteam

agentteam

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 148 сообщений

Отправлено 14 Август 2015 - 19:27

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

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 15 Август 2015 - 01:12

В main.js найдите и удалите:
$('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 agentteam

agentteam

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 148 сообщений

Отправлено 15 Август 2015 - 17:22

сработало, спасибо

#10 arenkir

arenkir

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородСпб

Отправлено 01 Февраль 2016 - 03:11

Цитата

2. В main.css после:
@media screen and (max-width: 640px) {
вставьте:
#slider1_container{display:none;}
здравствуйте, а у меня так не получается, вырубается и в десктопной версии.
задача та же, выключить слайдер в мобильной версии
Аккаунт SL-370930

#11 Юля123

Юля123

    Активный участник

  • Модератоpы
  • 2 567 сообщений

Отправлено 01 Февраль 2016 - 09:50

Просмотр сообщенияarenkir (01 Февраль 2016 - 03:11) писал:

здравствуйте, а у меня так не получается, вырубается и в десктопной версии.
задача та же, выключить слайдер в мобильной версии
Аккаунт SL-370930


Здравствуйте, уточните, Вы хотите именно выключить слайдер, или скрыть в мобильной версии?

#12 arenkir

arenkir

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородСпб

Отправлено 01 Февраль 2016 - 10:40

Просмотр сообщенияЮля123 (01 Февраль 2016 - 09:50) писал:

Здравствуйте, уточните, Вы хотите именно выключить слайдер, или скрыть в мобильной версии?
нужно скрыть слайдер в мобильной версии.
на компьютерах пусть работает.

#13 Юля123

Юля123

    Активный участник

  • Модератоpы
  • 2 567 сообщений

Отправлено 01 Февраль 2016 - 10:45

Просмотр сообщенияarenkir (01 Февраль 2016 - 10:40) писал:

нужно скрыть слайдер в мобильной версии.
на компьютерах пусть работает.

Здравствуйте, после в main.css после кода:

@media all and (max-width: 480px) {

добавьте код:

#slider1_container {display: none;}


#14 arenkir

arenkir

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородСпб

Отправлено 01 Февраль 2016 - 10:55

Просмотр сообщенияЮля123 (01 Февраль 2016 - 10:45) писал:

Здравствуйте, после в main.css после кода:

@media all and (max-width: 480px) {

добавьте код:

#slider1_container {display: none;}

Спасибо!

#15 working_working

working_working

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 188 сообщений

Отправлено 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 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 750 сообщений

Отправлено 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 анонимных