2

カテゴリ ページで左 2 列のテンプレートを分割しようとしています。

現在、次のようになっています。

_________________________________
|          |                    |
|          | Page Title         |
|          |                    |
|(sidebar) | (main content)     |
|          |                    |
|          |                    |
|__________|____________________|

左側のメニューの上に移動し、次のように幅を 100% 埋めるには、カテゴリ名と説明が必要です。

_________________________________
|                               |
| Page Title                    |
|_______________________________|
|          |                    |
|(sidebar) | (main content)     |
|          |                    |
|          |                    |
|__________|____________________|

どこから始めればよいかわかりません。XML を見ると、別の場所に配置できる別の部分ではないようです。

4

1 に答える 1

3

まず、単一列テンプレートを使用するようにカタログ レイアウトを更新します。次に、catalog.leftnav ブロックを category.products ブロックにコピーします。

<!-- {THEME_PATH}/design/layout/catalog.xml -->
<catalog_category_default translate="label">

    <!-- Update the layout to use the single column template -->
    <reference name="root">
        <action method="setTemplate"><template>page/1column.phtml</template></action>
    </reference>

    <reference name="content">
        <block type="catalog/category_view" name="category.products" template="catalog/category/view.phtml">
            <!-- Move the catalog navigation block into the category view block -->
            <block type="catalog/navigation" name="catalog.leftnav" before="-" template="catalog/navigation/left.phtml"/>
        </block>
    </reference>

</catalog_category_default>

catalog.leftnav ブロックが category.products ブロックの子になると、getChildHtml() メソッドを使用してそれを category.products ビュー テンプレートに表示できます。

<!-- {THEME_PATH}/design/template/catalog/category/view.phtml -->
<div class="category-view">

    <div class="page-header">
        ...
    </div>

    <div class="category-nav">
        <?php echo $this->getChildHtml('catalog.leftnav'); ?>
    </div>

    <div class="category-content">
        ...
        <?php echo $this->getProductListHtml(); ?>
        ...
    </div>

</div>

お好みに合わせてスタイリング。それが役立つことを願っています。

于 2013-02-16T03:22:04.383 に答える