Question

我有这个代码很简单，它根据布尔magento属性在另一个图像的旁边添加一个图像。

但是因为我们正在运营一家电子商务商店，所以对用户来说更有吸引力的是将图像置于产品之上。将它们组合在一起。

我想知道用PHP可以做到这一点。有人建议用CSS覆盖图像吗？

<div class="product-img-box">
            <?php echo $this->getChildHtml('media') ?>

        </div>


<?php $Deal = $_product->getResource()->getAttribute('deal')->getFrontend()->getValue($_product);?>

<?php if($Deal == 'Yes'){ ?>
      <img src="<?php echo $this->getSkinUrl('images/icon-deal.gif') ?>" >
<?php } ?>

Answer 1

我不认为这可以用PHP，但我想用CSS可以将第二张图像覆盖在第一张图像之上。

Answer 2

尝试这样的事情：

CSS

.product-img-box{position: relative;}
.overlay{z-index: 100; left: 0px; top: 0px; position: absolute;}

PHP

<div class="product-img-box">
    <?php echo $this->getChildHtml('media') ?>

    <?php $Deal = $_product->getResource()->getAttribute('deal')->getFrontend()->getValue($_product);?>

    <?php if($Deal == 'Yes'){ ?>
        <img class="overlay" src="<?php echo $this->getSkinUrl('images/icon-deal.gif') ?>" >
    <?php } ?>

</div>

如何使用Magento / PHP在另一个上添加图像？

2 个答案: