Автор Тема: как из мобильной версии отключить возможность увеличить фото ?  (Прочитано 548 раз)

06 Июнь 2018, 21:23:54
  • Старожил
  • ****
  • Сообщений: 295
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
как из мобильной версии отключить возможность увеличить фото (показать ее в модальном окне) ?

css?
06 Июнь 2018, 23:11:10
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 1614
  • Репутация: +32/-1
  • Сообщество PrestaShop
    • Просмотр профиля
В стандарной теме класс quick-view-wrapper-mobile не показывает элемент на мобильном.
07 Июнь 2018, 09:24:54
Ответ #2
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
07 Июнь 2018, 12:54:01
Ответ #3
  • Старожил
  • ****
  • Сообщений: 295
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
07 Июнь 2018, 13:58:04
Ответ #4
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
В файле themes/themeXXX/js/product.js можно изменить конф. зума
if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
{
        $('.jqzoom').jqzoom({
            zoomType:
Добавляешь условие размера экрана
if (($(window).width()+scrollCompensate()) >= 768) {и он не включается на мобильных
07 Июнь 2018, 14:12:55
Ответ #5
  • Старожил
  • ****
  • Сообщений: 295
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В файле themes/themeXXX/js/product.js можно изменить конф. зума
if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
{
        $('.jqzoom').jqzoom({
            zoomType:
Добавляешь условие размера экрана
if (($(window).width()+scrollCompensate()) >= 768) {и он не включается на мобильных

Табы отрубились((
и jq zoom тоже((

//set jqZoom parameters if needed
   if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
   {
      if ($('#thumbs_list .shown img').length)
      {
         var new_src = $('#thumbs_list .shown img').attr('src').replace('cart_', 'large_');
         if ($('.jqzoom img').attr('src')!= new_src)
            $('.jqzoom img').attr('src', new_src).parent().attr('href', new_src);
      }

      $('.jqzoom').jqzoom({
         zoomType: 'innerzoom', //innerzoom/standard/reverse/drag
         zoomWidth: 458, //zooming div default width(default width value is 200)
         zoomHeight: 458, //zooming div default width(default height value is 200)
         xOffset: 21, //zooming div default offset(default offset value is 10)
         yOffset: 0,
         title: false
         
         if (($(window).width()+scrollCompensate()) >= 768)
      });

      
      
   }

Может я не туда вставил?
кеш ф12 почистил

07 Июнь 2018, 15:15:00
Ответ #6
  • Старожил
  • ****
  • Сообщений: 295
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
   //set jqZoom parameters if needed
   
   
   compensante = scrollCompensate();
if (($(window).width()+scrollCompensate()) >= 768) {
   if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
   {
      if ($('#thumbs_list .shown img').length)
      {
         var new_src = $('#thumbs_list .shown img').attr('src').replace('cart_', 'large_');
         if ($('.jqzoom img').attr('src')!= new_src)
            $('.jqzoom img').attr('src', new_src).parent().attr('href', new_src);
      }

      $('.jqzoom').jqzoom({
         zoomType: 'standard', //innerzoom/standard/reverse/drag
         zoomWidth: 470, //zooming div default width(default width value is 200)
         zoomHeight: 470, //zooming div default width(default height value is 200)
         xOffset: 10, //zooming div default offset(default offset value is 10)
         yOffset: 0,
         title: false,
         position: "right" //zooming div position(default position value is "right")
      });

   }
   }


сделал так, вроде работает..
правда при клике на картинку в мобильной версии она на весь экран открываетс\я, как это поправить???????
07 Июнь 2018, 15:24:52
Ответ #7
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
zoomWidth: 458, //zooming div default width(default width value is 200)
zoomHeight: 458, //zooming div default width(default height value is 200)
это размеры окна
07 Июнь 2018, 15:31:38
Ответ #8
  • Старожил
  • ****
  • Сообщений: 295
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
zoomWidth: 458, //zooming div default width(default width value is 200)
zoomHeight: 458, //zooming div default width(default height value is 200)
это размеры окна


это понятно... я про моблильную версию... я же отключил jqzoom  в моб версии...
и теперь при клике она просто на весь экран (( модальное окно
07 Июнь 2018, 16:30:34
Ответ #9
  • Ветеран
  • *****
  • Сообщений: 1614
  • Репутация: +32/-1
  • Сообщество PrestaShop
    • Просмотр профиля
В prestashop у fancybox во весь экран. Картинка адаптируется под экран, а окно все перекрывает.
На мобильном отключают модальные окна, от них только проблемы, кому нужно, тот и так увеличит.
07 Июнь 2018, 16:41:36
Ответ #10
  • Старожил
  • ****
  • Сообщений: 295
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В prestashop у fancybox во весь экран. Картинка адаптируется под экран, а окно все перекрывает.
На мобильном отключают модальные окна, от них только проблемы, кому нужно, тот и так увеличит.

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