如何调试 Magento 的自定义 Colorbox 安装

Question

我想要一个 Colorbox (http://jacklmoore.com/colorbox/) 灯箱，可以在静态页面的迷你画廊中显示产品图片。

我在 Magento 上安装了 colorbox：

JS

• /skin/frontend/{custom}/default/js/colorbox.inline.js

• （用于示例头部的内联脚本）

• /skin/frontend/{custom}/default/js/jquery.colorbox.js

CSS - /skin/frontend/{custom}/default/css/colorbox.css

图片 - /skin/frontend/{custom}/default/images/...

---

我在“自定义布局更新 XML”下更新了后端页面的 XML，如下所示：

skin_csscss/colorbox.css skin_jsjs/jquery/jquery.1.6.min.js skin_jsjs/jquery/jquery.colorbox.js skin_jsjs/jquery/colorbox.inline.js

当我单击颜色框类链接进行测试时，图像在同一选项卡中打开，但作为外部文件。我设置了一个引用相同图像的本地文件，并引用了我用于 Magento 的 JS 和 CSS 文件，并且灯箱工作。

我对正在发生的事情有点困惑，因此欢迎任何提示、想法和建议。

干杯！

Answer 1

这就是你需要的。 将您的 javascript 文件移动到 /js/colorbox/jquery.colorbox.js /js/colorbox/colorbox.inline.js

<reference name="head">
    <action method="addJs"><script>colorbox/jquery.colorbox.js</script></action>
    <action method="addJs"><script>colorbox/colorbox.inline.js</script></action>
</reference >

这将使您加载 javascript 文件。查看 page.xml 文件以了解如何从皮肤文件夹加载 css 文件。