我的类别产品页面有这样的布局:2 列左侧边栏。
当我设置我的类别图像时,它仅在 1 列(类别页面)中上升。
我怎样才能使类别图像高于两个列、类别页面和侧边栏?
我的类别产品页面有这样的布局:2 列左侧边栏。
当我设置我的类别图像时,它仅在 1 列(类别页面)中上升。
我怎样才能使类别图像高于两个列、类别页面和侧边栏?
类别横幅(图像)来自template/catalog/category/view.phtml
这样
$_imgHtml = '';
if ($_imgUrl = $_category->getImageUrl()) {
$_imgHtml = '<div class="category-image-container"><div class="category-image-container-inner"><p class="category-image"><img src="'.$_imgUrl.'" alt="'.$this->htmlEscape($_category->getName()).'" title="'.$this->htmlEscape($_category->getName()).'" /></p></div></div>';
$_imgHtml = $_helper->categoryAttribute($_category, $_imgHtml, 'image');
}
先评论这个
然后在template/page/2columns-left.phtml
两者<div class="main">
之间<div class="col-left"><?php echo $this->getChildHtml('left') ?></div>
编写类别横幅代码
<?php
$_category = Mage::registry('current_category');
if($_category){
$_helper = Mage::helper('catalog/output');
$_imgHtml = '';
if ($_imgUrl = $_category->getImageUrl()) {
echo $_imgHtml = '<div class="category-image-container1"><div class="category-image-container-inner"><p class="category-image"><img src="'.$_imgUrl.'" alt="'.$this->htmlEscape($_category->getName()).'" title="'.$this->htmlEscape($_category->getName()).'" /></p></div></div>';
$_imgHtml = $_helper->categoryAttribute($_category, $_imgHtml, 'image');
}
}
?>
这将显示左列上方的类别横幅和内容。