嗨,大家好......
知道这对于某些人来说会显得非常新手......但我想知道如何将SHOWCASE或带有任何其他名称的图章添加到某个类别的产品中?
我想在产品图像中添加图像(最好是在右上角),这是我可以在后端设置的产品。图像中的图像必须在GRID显示中以及单个产品页面上可见。
所以我基本上有两个问题: -
Qs的。我是否必须在后端为产品添加特殊属性才能实现此类功能?我想,它可能必须是类似于从这个日期到那个日期的NEW!任何指导都非常感谢...
而不是Qs2。我如何在list.phtml和view.phtml中实际调用跨图像?
我希望这有道理!!
thanxs
答案 0 :(得分:4)
您不必为产品添加特殊属性,您可以根据“将产品设置为新日期”和“将产品设置为新日期”来实现。您也可以使用布尔值来创建,只需使用“是/否”输入类型创建属性并将其添加到默认属性集中。给它一个showcase的属性代码。
在您的模板文件(templates / catalog / product / list.phtml和templates / catalog / product / view / media.phtml中,如果您想在产品视图页面上显示)中,您需要添加一条条件代码,如果产品被标记为展示产品,则在标记中添加一个额外的绝对定位元素,
即
<div class="product-image">
<?php if($_product->getShowcase()) { ?>
<div class="showcase"></div>
<?php } ?>
<?php
$_img = '<img id="image" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
echo $_helper->productAttribute($_product, $_img, 'image');
?>
</div>
然后你会像下面那样创建css以在顶角生成wee图标;
.products-grid .product-image {
position: relative;
display: block;
width: 244px;
height: 156px;
margin: 0 0 10px;
}
.showcase {
position: absolute;
right: 0;
top: 0;
width: 65px;
height: 66px;
display: block;
z-index: 2;
background: url(../images/showcase.png) no-repeat;
}
这是我上周自己做的一个例子,所以它使用我的图像尺寸,但你明白了。希望这可以帮助。