2012-05-29 40 views
4

在Magento中,如何使用page.xml文件在自定义两列左页中添加js或css文件。Magento:如何使用page.xml文件在自定义2列左页中添加js或css文件

我使用下面的代码在page.xml在行:168

<page_two_columns_left translate="label"> 
    <label>All Two-Column Layout Pages (Left Column)</label> 
    **<reference name="head"> 
    <action method="addJs"><script>sidebar_menu.js</script></action> 
    </reference>** 
    <reference name="root"> 
     <action method="setTemplate"><template>page/2columns-left.phtml</template> </action> 
     <!-- Mark root page block that template is applied --> 
     <action method="setIsHandle"><applied>1</applied></action> 
    </reference> 
</page_two_columns_left> 

我可以把它在2column-left.phtml使用JS/CSS,但我不知道的东西很方便办法。我想用xml添加。

回答

7

实际上你的代码中有两个星号吗?如果没有,基本上你在做什么是正确的。但是:

<handle> 
    <reference name="head"> 
     <action method="addJs"><script>prototype/prototype.js</script></action> <!-- adds a js referencing to the /js directory --> 
     <action method="addCss"><stylesheet>css/custom.css</stylesheet></action> <!-- adds CSS looking at the skin/ directories (in reverse order: base/default, default/default, default/yourtheme, yourpackage/yourtheme --> 
     <action method="addItem"><type>skin_js</type><name>js/custom_script.js</name><params/></action> <!-- adds a js at the skin/ directories in the same manner as the above addCss directive --> 
    </reference> 
<handle> 

请注意,可以通过default代替,modulename_controller_action例如catalog_cart_index或在您的情况,page_two_columns_left

最好是修改local.xml却发现里面app/design/frontend/yourpackage/yourtheme/layout/如果你有一个自定义皮肤工作用。

尽可能的请不要触及app/design/frontend/base/default/layout/目录中的page.xml

+0

不可以。这些星号没有包含,但仍然没有在该页面上添加文件。另外,我没有在给定路径下找到local.xml app/design/frontend/yourpackage/yourtheme/layout感谢, –

+0

我的意思是如果你有一个自定义的皮肤/布局,你应该把上面的指令放在相关的目录中。例如,如果你的皮肤名称是'myskin'并且安装在'/ skin/frontend/default/myskin'里面,那么应该有一个相应的'/ app/design/frontend/default/myskin'目录包含'layout'和包含local.xml的'layout'目录。你必须创建它并配置magento本身以通过系统 - >配置 - >设计来使用它。 –

+0

更多信息:http://www.magentocommerce.com/wiki/modules_reference/english/mage_adminhtml/system_config/edit/design –

相关问题