Nach Lektüre dieses Threads habe ich mir folgendermaßen responsive Bilder mit Picture-Element ins Custom Elements Template gebaut:
HTML-Code:
<?php if ($image = $this->getImageObject($this->image, [null, null, 2]) ): ?>
<figure class="image_container">
<a href="<?php echo $image->singleSRC; ?>">
<picture>
<source srcset="<?php echo $image->picture['sources'][0]['srcset']; ?>" type="<?php echo $image->picture['sources'][0]['type']; ?>" width="<?php echo $image->picture['sources'][0]['width']; ?>" height="<?php echo $image->picture['sources'][0]['height']; ?>">
<img src="<?php echo $image->picture['img']['src']; ?>" srcset="<?php echo $image->picture['img']['srcset']; ?>" width="<?php echo $image->picture['img']['width']; ?>" height="<?php echo $image->picture['img']['height']; ?>" alt="" itemprop="image">
</picture>
</a>
</figure>
<?php endif ?>
Lesezeichen