Автор Тема: фото товаров (вид в разных версиях: мобильная и декстопная)  (Прочитано 466 раз)

27 Апрель 2017, 20:40:18
  • Фрилансер
  • *
  • Сообщений: 182
  • Репутация: +0/-44
    • Просмотр профиля
    • RUS-DESIGN
Привет!
Подскажите пожалуйста.
у меня включен JqZoom.
Как сделать чтобы в мобильной версии вместо него был включен Fancybox??
итог
декстоп - JqZoom
мобильные - Fancybox

27 Апрель 2017, 21:02:53
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 520
  • Репутация: +4/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Пока более подробно не подскажу, надо js скрипт прописать для переключения на мобильных экранах.
28 Апрель 2017, 09:53:52
Ответ #2
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Нужно переопределить переменную jqZoomEnabled в контроллере /controllers/front/ProductController.php.
Можно также менять значение этой переменной через javascript, в зависимости от размера экрана.
28 Апрель 2017, 16:46:27
Ответ #3
  • Фрилансер
  • *
  • Сообщений: 182
  • Репутация: +0/-44
    • Просмотр профиля
    • RUS-DESIGN
Нужно переопределить переменную jqZoomEnabled в контроллере /controllers/front/ProductController.php.
Можно также менять значение этой переменной через javascript, в зависимости от размера экрана.

не могли бы немного подробнее про второй вариант, что где нужно поменять, (1й видимо совсем не смогу понять).
Спасибо!
29 Апрель 2017, 09:58:35
Ответ #4
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};
if(isMobile.any()){
    jqZoomEnabled = 0;
}
29 Апрель 2017, 20:18:50
Ответ #5
  • Фрилансер
  • *
  • Сообщений: 182
  • Репутация: +0/-44
    • Просмотр профиля
    • RUS-DESIGN
Вставил, спасибо.
Но это не совсем то, сейчас нажимая на картинку, она открывается, но чтобы посмотреть карточку товара или другое фото, нужно нажать "назад" на телефоне.
А как сделать так чтобы открывалось окно на этой же странице с возможностью пролистать фото и закрыть его?