Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

OpenCart 2.x. Как отключить всплывающее окно изображения товара на странице товара

Добрый день! Из этого видео-туториала Вы узнаете, как отключить всплывающее окно изображения товара на единичных страницах товаров в шаблонах OpenCart.

Возможно, Вы хотите избавиться от всплывающего окна изображения товара в вашем магазине:

opencart_2.x_disable_product_image_pop_up_1

Давайте узнаем, как это сделать.

  1. Перейдите в ваш FTP/Файловый менеджер Панели управления хостингом (отключить всплывающее окно изображения товара) и найдите файл script.js в папке /catalog/view/theme/themeXXX/js/:

    opencart_2.x_disable_product_image_pop_up_2

  2. Откройте файл для редактирования и используйте CTRL+F/CMND+F (Windows OS/Mac OS), для того чтобы найти текст «Замечательный» (Magnificent):

    opencart_2.x_disable_product_image_pop_up_3

  3. Отключите комментированием весь скрипт, для того чтобы отключить функцию всплывающего окна, добавив /* в начале скрипта и */ в конце скрипта, так что он будет выглядеть следующим образом:

    /*;
      (function ($) {
      var o = $('#image-additional');
      if (o.length > 0) {
      include('js/magnificent/jquery.ba-throttle-debounce.js');
      include('js/magnificent/jquery.bridget.js');
      include('js/magnificent/magnificent.js');
     $(document).ready(function () {
     o.find('li:first-child a').addClass('active');
     $('#product-image').bind("click", function (e) {
      var imgArr = [];
      o.find('a').each(function () {
      img_src = $(this).data("image");
     //put the current image at the start
      if (img_src == $('#product-image').find('img').attr('src')) {
      imgArr.unshift({
      href: '' + img_src + '',
      title: $(this).find('img').attr("title")
      });
      }
      else {
      imgArr.push({
      href: '' + img_src + '',
      title: $(this).find('img').attr("title")
      });
      }
      });
      $.fancybox(imgArr);
      return false;
      });
    
     o.find('[data-image]').click(function (e) {
      e.preventDefault();
      o.find('.active').removeClass('active');
      var img = $(this).data('image');
      $(this).addClass('active');
      $('#product-image').find('.inner img').each(function () {
      $(this).attr('src', img);
      })
      })
     });
    }
      })
      (jQuery);*/
    
  4. Не забудьте сохранить файл, для того чтобы применить изменения.

  5. Вернитесь на страницу товара в вашем магазине – как Вы можете видеть, всплывающее окно изображения товара больше не отображается:

    opencart_2.x_disable_product_image_pop_up_4

Это конец туториала. Теперь Вы знаете, как отключить всплывающее окно изображения товара на страницах товара в вашем шаблоне OpenCart.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

OpenCart 2.x. Как отключить всплывающее окно изображения товара на странице товара