OpenCart 2.x. 如何在产品页面上禁用产品图像弹出

Hello! 本视频教程展示了如何 禁用产品图像弹出 在单个产品页面上 OpenCart模板.

你可能想要摆脱在你的商店的产品页面弹出的产品图像:

让我们学习一下怎么做.

1. 导航到你的 FTP/hosting 控制面板 文件管理器 然后寻找 script.js 存档在 /目录/视图/主题/ themeXXX / js / directory:

   

2. 打开文件进行编辑和使用 CTRL + F / CMND + F (Windows OS/Mac OS) to find “华丽的” text:

   

3. 注释掉 the whole script 禁用弹出窗口 function by adding /* 开始的时候 script and */ 在最后 script 所以它看起来如下:

   /*;
     (function ($) {
     Var 0 = $('#image- extra ');
     if (o.length > 0) {
     包括(“js /的/ jquery.ba-throttle-debounce.js');
     包括(“js /的/ jquery.bridget.js');
     包括(“js /宏伟壮观.js');
    $(文档).Ready (function () {
    o.找到(“李:第一个孩子').addClass(“活跃的”);
    $(' #产品图像').绑定(“点击”，函数(e) {
     var imgArr = [];
     o.find('a').Each (function () {
     Img_src = $(this).数据(图像);
    //将当前图像放在开始位置
     If (img_src == $(' #产品图像').找到(img).attr (src)) {
     imgArr.unshift({
     Href: " + img_src + "，
     标题:$ ().找到(img).attr(“标题”)
     });
     }
     else {
     imgArr.push({
     Href: " + img_src + "，
     标题:$ ().找到(img).attr(“标题”)
     });
     }
     });
     $.fancybox (imgArr);
     返回错误;
     });
   
    o.找到(“[data-image]”).点击(函数(e) {
     e.preventDefault ();
     o.find('.active').removeClass(“活跃的”);
     Var img = $(this).数据('图像');
     $(this).addClass(“活跃的”);
     $(' #产品图像').find('.内部img”).Each (function () {
     $(this).attr(“src”,img);
     })
     })
    });
   }
     })
     (jQuery); * /
   

4. 不要忘记保存文件以应用更改.

5. 导航回您的商店产品页面-如您所见, 产品图片不再弹出:

   

本教程到此结束. 现在你知道怎么做了 禁用产品图像弹出 在产品页面上 OpenCart模板.

请随时查看下面的详细视频教程: