共计 1954 个字符,预计需要花费 5 分钟才能阅读完成。
magento官网magic zoom插件: http://www.magentocommerce.com/extension/562/magic-zoom
magneto官网的magic zoom是收费的,而 magic zoom的官网却提供magento的免费版magic zoom,免费版声明只能用于非商业用途,并且会显示magic zoom的logo。这款图片放大的插件并不是magento往常的插件那样,需要对一个核心文件进行修改,在magento升级后需要重新修改下文件,其余并无大碍。
安装说明:(安装包中有该说明文件)
#请在每步操作前,对要覆盖的文件进行备份
1. 解压此文件
2. 复制 ‘css’, ‘js’ and ‘images’ 这些文件夹放在 ‘skin/fronted/[your_interface]/[your_theme]/’,也就是你的现在,正在使用的主题文件里.
3. 复制 ‘list.phtml’到’app/design/frontend/[your_interface]/[your_theme]/template/catalog/product/’,这个会覆盖你原先的’list.phtml’,请对原文件做好备份,方便恢复.
4. 如果你是用的是modern主题,请将安装包中’list_modern.phtml’ 重命名为 ‘list.phtml’重复第3步(如果你在用的不是modern主题,忽略此步骤).
5. 复制 ‘media.phtml’ 到 ‘app/design/frontend/[your_interface]/[your_theme]/template/catalog/product/view/’ 文件夹. 这个也会覆盖原文件,请覆盖对此文件前做好备份.
6. 复制’iehover-fix.js’ 和 ‘menu.js’ 文件到’js/varien/’ 文件夹(此js文件夹在magneto根目录). 此操作为覆盖操作,请覆盖原 ‘iehover-fix.js’ 和 ‘menu.js’ 文件.
7. 复制 ‘magictoolbox’ 文件夹到 ‘app/etc/’(此app文件夹在magento根目录).
8. 打开 app/code/core/Mage/Catalog/Block/Product/View/Options/Type/Select.php 文件,找到这段代码:
$select->setExtraParams
在它的上面新建一行,放入如下代码:
$extraParams .= ‘ optitle=”‘ . strtolower($_option->getTitle()) . ‘”‘;
9. 配置文件的文件的位置在 ‘app/etc/magictoolbox/magiczoom.settings.ini’。如果你想每个主题模板都有自己的magic zoom配置,请将’magiczoom.settings.ini’文件放在 ‘app/design/frontend/[your_interface]/[your_theme]/’。 也就是你的主题文件夹.
10. 恭喜你安装成功了!
安装包下载:点此下载
11.安装后:
(1)如何删除”Move your mouse over image“,以下是解决方法:
将magiczoom.settings.ini文件中的
#message = Move your mouse over image
改为
#message =
这样就行了。
(2)如何删除Migic Zoom 放大显示区域中的“Please upgrade to full version of Magic Zoom”,以下是解决方法:
将Magic Zoom的mz-packed.js文件的最后一行语句:
.split(‘|’),0,{})
替换成
.split(‘|’),0,{}).replace(“f.innerHTML=str”,”f.innerHTML=””)
这样就行了。
(3)Migic Zoom 如何实现图片切换,以下是解决方法(myimage为你的图片绝对路径):
document.getElementById(‘MagicZoomImagemagictoolbox1’).childNodes[0].src=myimage;
var mybox=document.getElementById(‘MagicZoomImagemagictoolbox1’);
if(navigator.userAgent.indexOf(“MSIE”)>0)
mybox.childNodes[1].childNodes[2].childNodes[0].src=myimage2;
else
mybox.childNodes[1].childNodes[1].childNodes[0].src=myimage2;