Как убрать popup из мобильной версии?

Question

[virus7]

Всем привет ! сайт нажимая на продукт выскакивает popup , надо убрать в мобильной версии, как это можно сделать ?

Answer 1

[Виталий Инчин ☢]

По-хорошему надо грамотно настроить событие в js - чтобы оно проверяло текущую версию/ширину экрана и в зависимости от неё выдавало или не выдавало popup, ну а если что, всегда есть display:none;

Comments

[virus7]

In4in Виталий Инчин @In4in
virus7: кстати, сразу бы сказали, что вам надо не просто убрать Popup, а "включить" ссылки...там все дело делает 1 строка.
Вам нужно зайти в файл script.js и найти строку "// Отображение блока предварительного просмотра". Ниже заменить
e.preventDefault();

на... (у вас Мобильная версия - это когда у юзера экран маленьких размеров или не только?)

if(window.innerWidth > 1000) e.preventDefault();
Написано 57 минут назад
Ответить

Answer 2

[Hoffman_ZZZ]

media only screen and (max-width: 480px) {
.popup {
display: none;}
}
Там где 480px пишете любое расширение на котором должно пропадать попап окно.

Comments

[virus7]

при таком раскладе он не показывает ничего и не переходит на страничку с товаром при нажатие на товар

[Виталий Инчин ☢]

virus7: разумеется, ведь получается что? - Вы вызвали popup, но он не отображается на странице (display: none), вы еще раз кликнули - вызвали второй, еще раз - третий. Вы пытаетесь изменить работу JS, не меняя работу JS.

[virus7]

Виталий Инчин: njulf как надо поменять js ?

[Виталий Инчин ☢]

virus7: кстати, сразу бы сказали, что вам надо не просто убрать Popup, а "включить" ссылки...там все дело делает 1 строка.
Вам нужно зайти в файл script.js и найти строку "// Отображение блока предварительного просмотра". Ниже заменить
e.preventDefault();

на... (у вас Мобильная версия - это когда у юзера экран маленьких размеров или не только?)

if(window.innerWidth > 1000) e.preventDefault();

[virus7]

Виталий Инчин: да, media all and (max-width:720px)

[Виталий Инчин ☢]

virus7: ну вот 1000 тогда на 720 поменяйте

[Виталий Инчин ☢]

virus7: все получилось =)?

[virus7]

Виталий Инчин: да всё супер ! спасибо !

Answer 3

[DoSP]

если без js то так как посоветовал Hoffman_ZZZ
а так есть такая фича

if( !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
        //not mobile
}else{
        //mobile
$('.popup').css({display: none});
}

Comments

[virus7]

при таком раскладе он не показывает popup (это хорошо) но и не переходит на страничку с товаром при нажатие на товар, а как сделать теперь что бы переходил сразу на страницу с товаром

[Виталий Инчин ☢]

virus7: убрать e.preventDefault(); из JS...........
А для определения мобильного браузера этого недостаточно, нужно более точно: detectmobilebrowsers.com