2

嗨，大家好...

知道这对某些人来说会显得非常新手……但我想知道如何将 SHOWCASE 或带有任何其他名称的图章添加到某个类别的产品中？

问题是我想在产品图像中添加一个图像（最好在右上角），用于我可以在后端设置的产品。跨越的图像必须在 GRID 显示以及单个产品页面上可见。

所以我基本上有两个问题：-

问。我是否必须在后端为产品添加特殊属性才能使此类事情成为可能？我想，从这个日期到那个日期，它可能必须类似于新的东西！！。任何指导都非常感谢...

而不是 Qs2。我如何实际调用 list.phtml 和 view.phtml 中的交叉图像？

我希望这是有道理的！！

谢谢

4

1 回答 1

4

您不必为产品添加特殊属性，您可以根据“将产品设置为日期的新产品”和“将产品设置为日期的新产品”来完成。不过，您也可以使用布尔值来执行此操作，只需使用“是/否”输入类型创建一个属性并将其添加到您的默认属性集中。给它一个showcase的属性代码。

在您的模板文件（templates/catalog/product/list.phtml 和 templates/catalog/product/view/media.phtml，如果您希望它在产品视图页面上）中，您将添加一段条件代码，该代码在如果产品被标记为展示产品，则标记的额外绝对定位元素，

IE

<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;
}

这是我上周自己做的一个例子，所以它使用了我的图像尺寸，但你明白了。希望这可以帮助。

于 2012-07-28T15:04:37.023 回答