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

Question

在Magento中，如何使用page.xml文件在自定义两列左侧页面中添加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>

我可以通过将 js/css 放入 2column-left.phtml 中来使用它，但我不认为这是方便的方法。我想使用xml添加。

Answer 1

这两个星号实际上在您的代码中吗？如果没有，基本上你在那里做的事情是正确的。然而:

<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。