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

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

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

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

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

   

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

   

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.

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