Vorhandene Bildgröße in Custom Elements verwenden

Hallo zusammen,

ich versuche mich gerade das erste mal mit Custom Elements. Ich habe dazu das Team Beispiel verwendet und versucht abzuwandeln. Soweit klappt das auch ganz gut.

Im Template ist hier allerdings eine Bildgröße fest angegeben. Wie kann ich denn eine der bereits vorhandenen responsive Bildgrößen verwenden?

PHP-Code:

---

<?php if ($image = $this->arrData['getImageObject']($member->image, array(120, 120))): ?>
<img src="<?php echo $image->src ?>" alt="<?php echo $image->alt ?: $member->name ?>"<?php echo $image->imgSize ?>>
<?php endif ?>

---

Die Dritte Stelle im Array.

PHP-Code:

---

$this->getImageObject(…, [null, null, <IMAGE-SIZE-ID>]); 


---

Perfekt. Danke!

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 ?>

---

Richtig wäre es so:

PHP-Code:

---

<?php if ($image = $this->getImageObject($this->image, [null, null, 2])): ?>
  <?php $this->insert('image', (array) $image); ?>
<?php endif; ?>

---

Ab Contao 4.13:

PHP-Code:

---

<?= $this->figure($this->image, 2) ?>

---

das ist definitiv more DRY ;)