将外部脚本添加到一个 Magento 页面

Question

我已经对此进行了一些阅读，但仍然必须遗漏一些东西。

我有一个照片库页面，并且正在使用精美的框在点击时显示更大版本的图像。我需要为fancybox 添加两个脚本，一个jquery 和一个fancybox 脚本。

我已经进入画廊 xml 页面，并将这段代码添加到其中，使其看起来像这样：

    <reference name="head">
        <action method="addJs">
            <type>jquery_js</type>
            <script>http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js</script>
        </action>
        <action method="addJs">
            <type>fancybox_js</type>
            <script>/fancybox/jquery.fancybox-1.3.4.pack.js</script>
        </action>

    </reference>

    <reference name="root">
        <action method="setTemplate">
            <template>page/1column.phtml</template>

...

但是我不知道如何在我看来使用它们。当我转到该页面时，这些脚本仍然出现 404 错误。我可能错过了一些简单的事情，因为我以前从未解决过 magento 问题。

提前致谢， 艾莉莎

Answer 1

要在 Magento 布局 XML 中调用外部文件，您可以添加一个块

<reference name="head">
    <block type="core/text" name="jquery.cdn.whatever.you.want.to.call.it">
        <action method="setText">
            <text><![CDATA[<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>]]></text>
        </action>
    </block>
</reference>

对于您本地的fancybox文件（我认为它是本地托管的？），这取决于您保存它的位置，有一个根js文件夹，所以如果它在那里，您可以使用：

<action method="addJs">
    <script>fancybox/jquery.fancybox-1.3.4.pack.js</script>
</action>

您不需要添加 <type>，因为 addJs 已经将其定义为 JS 类型，并且 fancybox_js 不是我所知道的属性的选项，还请注意没有 / 在开始，脚本标签将添加带有斜杠的路径本身。

如果它在您的主题文件夹中，您可以使用：

<action method="addJs">
    <type>skin_js</type>
    <script>fancybox/jquery.fancybox-1.3.4.pack.js</script>
</action>

这将在您的主题 js 文件夹中查找引用的文件。