- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
OpenCart 2.x. Как отключить всплывающее окно изображения товара на странице товара
Март 7, 2017
Добрый день! Из этого видео-туториала Вы узнаете, как отключить всплывающее окно изображения товара на единичных страницах товаров в шаблонах OpenCart.
Возможно, Вы хотите избавиться от всплывающего окна изображения товара в вашем магазине:

Давайте узнаем, как это сделать.
-
Перейдите в ваш FTP/Файловый менеджер Панели управления хостингом (отключить всплывающее окно изображения товара) и найдите файл script.js в папке /catalog/view/theme/themeXXX/js/:
-
Откройте файл для редактирования и используйте CTRL+F/CMND+F (Windows OS/Mac OS), для того чтобы найти текст «Замечательный» (Magnificent):
-
Отключите комментированием весь скрипт, для того чтобы отключить функцию всплывающего окна, добавив /* в начале скрипта и */ в конце скрипта, так что он будет выглядеть следующим образом:
/*; (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);*/
-
Не забудьте сохранить файл, для того чтобы применить изменения.
-
Вернитесь на страницу товара в вашем магазине – как Вы можете видеть, всплывающее окно изображения товара больше не отображается:
Это конец туториала. Теперь Вы знаете, как отключить всплывающее окно изображения товара на страницах товара в вашем шаблоне OpenCart.
Вы можете также ознакомиться с детальным видео-туториалом ниже:
OpenCart 2.x. Как отключить всплывающее окно изображения товара на странице товара