Как добавить изображение поверх другого с помощью Magento / PHP?

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

Попробуйте что-то вроде этого:

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>

Answer 2

Я не думаю, что это возможно с PHP, но я предполагаю, что с помощью CSS вы можете наложить 2-е изображение поверх первого.