Bild in verkleinerter Größe abrufen

[waldo]

Hallo zusammen,

in Contao 4 konnte ich in einem .html5-Template eine kleine Version eines Bildes wie folgt abrufen und einbinden:

                $src = FilesModel::findByUuid(unserialize($product->orderImageSRC)[0])->path;
                $smallImg = \Image::get($src, 300, null, 'proportional');
                <img class="lozad" data-src="<?= $smallImg ?>">

Dies scheint in Contao 5 aber nicht mehr zu funktionieren. Ich bin bereits auf Image Factory gestoßen, habe hier aber ehrlich gesagt nicht ganz durchgeblickt und war mir nicht sicher, ob ich dort richtig bin.

Kann mir hier jemand weiterhelfen?

[Spooky]

Nachdem du ohnehin das Bild dann einfach nur als <img> ausgibst - nimm doch den Figure Builder aus dem Image Studio. https://docs.contao.org/dev/framewor...-figurebuilder

[waldo]

Ich habe es nun so versucht:

                $src = FilesModel::findByUuid(unserialize($product->orderImageSRC)[0])->path;
                $figureBuilder = $this->studio->createFigureBuilder();


                $figureBuilder
                ->fromPath($src)
                ->setSize([300, 0, 'proportional']);
                $figure = $figureBuilder->build(); 

Dies schlägt aber mit der folgenden Meldung fehl:
Call to a member function createFigureBuilder() on null

Was habe ich übersehen?

[Spooky]

$this->studio existiert nicht. Du musst dir vorher den Studio Service holen, wenn du das im Template machst.

Um was genau geht es hier eigentlich? Geht es um das Inhaltselement deines anderen Threads? Wenn ja dann solltest du das im Controller machen, nicht im Template. Dort holst du dir per Dependency Injection das Image Studio.

[waldo]

Genau, das ist das Template meines Inhaltselementes, um das es in dem anderen Thread ging.
Hier wird eine Produktübersicht (> 300 Produkte) ausgegeben. Dabei soll eine Miniaturansicht des hinterlegten Produktbildes generiert werden.

Wie würde das im Controller denn aussehen?

[Spooky]

Du musst dir einfach nur Contao\CoreBundle\Image\Studio\Studio injecten lassen (geht automatisch durch autowiring). Siehe bspw. https://github.com/contao/contao/blo...Controller.php

[Spooky]

Im PHP Template kannst du übrigens auch direkt

<?= $this->figure() ?>

nutzen, evt. reicht dir das. Also für dein Beispiel weiter oben:

<?php $images = Contao\StringUtil::deserialize($product->orderImageSRC, true); ?>
<?= $this->figure($images[0] ?? null, [300, 0, 'box']) ?>

[waldo]

Das hilft mir sehr weiter, vielen Dank!

$this->figure($images[0] ?? null, [300, 0, 'box']) 

Dies gibt ja direkt das gesamte figure Element aus. Kann ich dem innenliegendem img-Element noch direkt eine Klasse hinzufügen? Über die Options konnte ich nur dem figure-Element eine Klasse hinzufügen.

[Spooky]

<?= $this->figure($images[0] ?? null, [300, 0, 'box'], ['options' => ['floatClass' => ' my-class']]) ?>