在Magento中为类别页面设置默认模板

Question

Magento新手.

任何人都可以指导我如何定义类别页面的默认布局.

在我的主题文件夹中尝试了local.xml但没有工作.

这是我的xml文件: -

<!-- Default handle, loaded on most pages -->
<default>

    <reference name="head">

        <!-- Remove Magento's default assets -->
        <action method="removeItem">
            <type>skin_css</type>
            <name>css/print.css</name>
        </action>
        <action method="removeItem">
            <type>skin_css</type>
            <name>css/styles-ie.css</name>
        </action>
        <action method="removeItem">
            <type>skin_css</type>
            <name>css/styles.css</name>
        </action>
        <action method="removeItem">
            <type>skin_css</type>
            <name>css/widgets.css</name>
        </action>
        <action method="removeItem">
            <type>skin_js</type>
            <name>js/ie6.js</name>
        </action>
        <action method="removeItem">
            <type>js</type>
            <name>lib/ds-sleight.js</name>
        </action>
        <action method="removeItem">
            <type>js</type>
            <name>varien/menu.js</name>
        </action>

        <!-- Add our assets -->
        <action method="addCss">
            <stylesheet>css/font-awesome.css</stylesheet>
        </action>
        <action method="addCss">
            <stylesheet>css/jquery-ui.css</stylesheet>
        </action>
        <action method="addCss">
            <stylesheet>dist/css/style.css</stylesheet>
        </action>
        <action method="addCss">
            <stylesheet>css/ddSlick.css</stylesheet>
        </action>
        <action method="addCss">
            <stylesheet>css/parsjewellers.css</stylesheet>
        </action>
        <action method="addItem">
            <type>skin_js</type>
            <name>js/jquery-1.11.1.min.js</name>
        </action>
        <action method="addItem">
            <type>skin_js</type>
            <name>js/jquery-ui.js</name>
        </action>
        <action method="addItem">
            <type>skin_js</type>
            <name>js/ddSlick_jquery.dropdown.js</name>
        </action>
        <action method="addItem">
            <type>skin_js</type>
            <name>dist/js/script.js</name>
        </action>
        <action method="addItem">
            <type>skin_js</type>
            <name>js/my_site.js</name>
        </action>

        <!-- Add additioanl child blocks -->
        <block type="core/template" name="boilerplate.head.meta" template="boilerplate/page/html/head/meta.phtml"/>
        <block type="core/template" name="boilerplate.head.ie8" template="boilerplate/page/html/head/ie8.phtml"/>

    </reference>

    <reference name="header">
        <block type="directory/currency" name="custom_currency_selector" template="currency/currency.phtml"/>
    </reference>

    <reference name="right">
        <remove name="paypal.partner.right.logo" />
        <remove name="right.permanent.callout" />
        <remove name="right.poll" />
        <remove name="cart_sidebar" />
        <remove name="catalog.compare.sidebar" />
    </reference>

    <reference name="left">
        <remove name="currency" />
        <remove name="left.permanent.callout" />
        <remove name="tags_popular" />
        <remove name="left.newsletter" />
    </reference>

</default>

<catalog_category_default>
    <reference name="root">
        <action method="setTemplate"><template>page/2columns-left.phtml</template></action>
    </reference>
</catalog_category_default>


<print>

    <reference name="head">

        <!-- Add our assets -->
        <action method="addCss">
            <stylesheet>css/style.css</stylesheet>
        </action>
        <action method="addItem">
            <type>skin_js</type>
            <name>js/script-ck.js</name>
        </action>

    </reference>

</print>

任何帮助将受到高度赞赏.

谢谢

Answer 1

我正在使用分层导航,我的xml更新被catalog_category_layered句柄覆盖

<?xml version="1.0" encoding="UTF-8"?>
<layout>
    <catalog_category_default>
        <reference name="root">
            <action method="setTemplate"><template>page/2columns-right.phtml</template></action>
        </reference>
    </catalog_category_default>
    <catalog_category_layered>
        <reference name="root">
            <action method="setTemplate"><template>page/2columns-right.phtml</template></action>
        </reference>
    </catalog_category_layered>
</layout>

Answer 2

更改个别类别页面布局

您可以通过以下步骤修改每个类别的页面布局:

 1. Go to Catalog -> Manage Categories
 2. Select any category
 3. Click the 'Custom Design' tab
 4. Select your desired page layout from 'Page Layout' selectbox
 5. Save Category and you are done!

从local.xml文件更改类别页面:

 1. Open layout/local.xml file
 2. Find the node 'catalog_category_default' and add

<catalog_category_default>

        <reference name="root">
            <action method="setTemplate"><template>page/2columns-right.phtml</template></action>
        </reference>
</catalog_category_default>

另一种方法:

 1. Open layout/page.xml file
 2. Under the ‘default’ node, you will find the following code

<block type="page/html" name="root" output="toHtml" template="page/2columns-left.phtml">

上面的行设置了2columns-left布局.您可以将其更改为您想要的选择,例如2columns-right,3columns等.

PS:如果您使用分层导航,则需要使用<catalog_category_layered>节点来更改布局.