Magento 如何在类别中的产品上添加展示等标签

Question

大家好...

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

问题是我想在产品图像中添加图像(最好在右上角)，以便我可以在后端设置产品。横跨的图像必须在网格显示以及单个产品页面上可见。

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

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

并且比Qs2。我如何在 list.phtml 和 view.phtml 中实际调用跨图像？

我希望这是有道理的!!

谢谢

Answer 1

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

在您的模板文件(templates/catalog/product/list.phtml 和 templates/catalog/product/view/media.phtml，如果您希望它出现在产品 View 页面上)中，您可以添加一段条件代码，如果产品被标记为展示产品，则在标记中添加额外的绝对定位元素，

即

<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 以在顶角生成小图标；

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

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