magento产品图片放大镜magic zoom的安装

共计 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;