我有这个代码很简单,它根据布尔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 } ?>
答案 0 :(得分:1)
我不认为这可以用PHP,但我想用CSS可以将第二张图像覆盖在第一张图像之上。
答案 1 :(得分:1)
尝试这样的事情:
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>