作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试拆分类别页面上的 2-columns-left 模板。
现在看起来像这样:
_________________________________
| | |
| | Page Title |
| | |
|(sidebar) | (main content) |
| | |
| | |
|__________|____________________|
我需要将类别名称和描述向上移动到左侧菜单上方,并像这样填充宽度 100%:
_________________________________
| |
| Page Title |
|_______________________________|
| | |
|(sidebar) | (main content) |
| | |
| | |
|__________|____________________|
我不知道从哪里开始。当我查看 XML 时,它似乎不是我可以放在其他地方的单独部分。
最佳答案
首先更新目录布局以使用单列模板。然后将 catalog.leftnav block 复制到 category.products block 中。
<!-- {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 block 是 category.products block 的子 block ,您就可以使用 getChildHtml() 方法在 category.products View 模板中显示它。
<!-- {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>
你喜欢的风格。希望对您有所帮助。
关于xml - 如何将 Magento 页面标题移动到侧边栏上方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14904237/
我是一名优秀的程序员,十分优秀!