将外部JS / CSS添加到Magento网站

时间:2014-02-11 03:45:03

标签: javascript php css magento

我正在尝试将外部CSS和javascripts添加到我的magento网站。我基本上做的是将必要的脚本放在各自的目录中,然后将此代码添加到app / design / frontend中默认和当前主题的page.xml中:

            <action method="addJs"><script>foundation/modernizr.js</script></action>
            <action method="addJs"><script>foundation/jquery.js</script></action>
            <action method="addJs"><script>foundation/foundation.min.js</script></action>


            <action method="addCss"><stylesheet>css/foundation.css</stylesheet></action>
            <action method="addCss"><stylesheet>css/style.css</stylesheet></action>
            <action method="addCss"><stylesheet>css/flexslider.css</stylesheet></action>
            <action method="addCss"><stylesheet>css/main.css</stylesheet></action>

但似乎它没有显示在我拥有的每个页面上的头标记上。还有什么我错过了使装载不可能?

我正在使用Magento ver。 1.8.1.0。

1 个答案:

答案 0 :(得分:1)

您可以尝试如下,只需将您的js放入yourapplication/js/foundation

您可以将xml代码添加到本地或任何设计xml文件,如

<reference name="head">
   <action method="addJs"><script>foundation/modernizr.js</script></action>
   <action method="addJs"><script>foundation/jquery.js</script></action>
   <action method="addJs"><script>foundation/foundation.min.js</script></action>
 </reference>

但你必须以适当的方式维持加载顺序。

希望这对您有所帮助。