OpenCart 2.x. 如何在产品页面上禁用产品图像弹出
2017年3月7日
Hello! 本视频教程展示了如何 禁用产品图像弹出 在单个产品页面上 OpenCart模板.
你可能想要摆脱在你的商店的产品页面弹出的产品图像:
让我们学习一下怎么做.
-
导航到你的 FTP/hosting 控制面板 文件管理器 然后寻找 script.js 存档在 /目录/视图/主题/ themeXXX / js / directory:
-
打开文件进行编辑和使用 CTRL + F / CMND + F (Windows OS/Mac OS) to find “华丽的” text:
-
注释掉 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); * /
-
不要忘记保存文件以应用更改.
-
导航回您的商店产品页面-如您所见, 产品图片不再弹出:
本教程到此结束. 现在你知道怎么做了 禁用产品图像弹出 在产品页面上 OpenCart模板.
请随时查看下面的详细视频教程:
OpenCart 2.x. 如何在产品页面上禁用产品图像弹出