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

时间:2017-03-29 00:09:38

标签: php jquery magento fancybox

我已经对此有所了解,但仍然必须遗漏一些东西。

我有一个照片库页面,并使用精美的盒子来显示点击的更大版本的图像。我需要为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问题。

提前致谢, 阿莉莎

1 个答案:

答案 0 :(得分: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文件夹中查找引用文件。