MetaModels und das srcimage aus 3.4

Hallo,

ich würde gerne die neue Funktion für responsive Bilder aus der Version 3.4 nutzen.

Leider bin ich mir gerade nicht ganz sicher, wie ich das Template für File anpassen muss, damit ich die im Theme definierten Bildgrößen verwenden kann.

Hat viellecht einer von euch dies schon umgesetzt und kann mir einen Tip oder ähnliches geben?

Vielen Dank

Grüße

Bongartz120

ich glaube, da musst Du Dich bis 3.5 gedulden bzw. umstellen => siehe https://github.com/contao/core/issues/7635

Ich kann jetzt gerade nicht auf gitHub, da es bei mir im Netzwerk gesperrt ist.

Aber ich verstehe es nicht so ganz. Ab Version 3.4 wird doch das srcset Attribute von contao unterstützt, warum muss ich dann auch Version 3.5 warten?

Meine frage ging doch mehr an das MM Template wie ich es umbauen muss, damit ich auf die Bildgrößendefination aus dem Theme zugreifen kann. Unter 3.4 ist doch im Bereich Theme Bildgrößen dafür hinzugekommen oder nicht?

Zitat:

---

Zitat von bongartz120

Ich kann jetzt gerade nicht auf gitHub, da es bei mir im Netzwerk gesperrt ist.

---

... dann frag eine Kollegin/Kollege ob man Dir ein Smartphone mit Internetzugriff ausleihen kann, um die Seite anzusehen...

Ich schau es mir an, wenn ich zu Hause bin ;-)

Zitat:

---

Zitat von bongartz120

Ich kann jetzt gerade nicht auf gitHub, da es bei mir im Netzwerk gesperrt ist.

---

Warum sperren die das o_0

Naja, das ganze hat eh nichts miteinander zu tun.. also nicht wirklich (mit einem Inserttag könnte man das dann zwar machen, ist aber eigentlich albern und kostet nur Rechenzeit an der Stelle).
Ich wollte die Templates eigentlich noch vor der Konferenz fertig machen, schaffe das aber nicht wegen Zeitmangel :(
Wenn da also einer schon mal loslegen möchte... im Grunde muß man da nur neue Templates anlegen und dann in den Templates für img abgucken wie es geht.
Der Rest muss dann von einem Entwickler gemacht werden ;-)

Viele Grüße

Zitat:

---

Zitat von MacKP

kostet nur Rechenzeit an der Stelle

---

... die Rechenzeit sollte mit einem Caching abgefangen werden (können)

Dass du warten musst, stimmt so nicht. Ich weiß gerade nicht mehr aus dem Kopf, wie MetaModels das Bildattribute parst. Aber angenommen, du hast bereits den Bildpfad, dann kannst du folgendermaßen das Picture Element erstellen lassen:

PHP-Code:

---

<?php 

$picture  = \Picture::create($deinBildPfad, $imageSizeId);
$template = new \FrontendTemplate('picture_default');
$template->setData($picture->getTemplateData());

echo $template->parse();

---

PHP-Code:

---

<?php  

$picture  = \Picture::create($deinBildPfad, $imageSizeId); 
$template = new \FrontendTemplate('picture_default'); 
$template->setData($picture->getTemplateData()); 

echo $template->parse();

---

gibt es hier auch eine Möglichkeit das "alt" und das "title" Attribut mit an das Template zu übergeben?

probier mal

PHP-Code:

---

 <?php  

$picture  = \Picture::create($deinBildPfad, $imageSizeId); 
$template = new \FrontendTemplate('picture_default');
$picture['alt'] = 'my ALT text';
$template->setData($picture->getTemplateData()); 

echo $template->parse();

---

Leider nein.

Danach wird im Frontend nur noch ein Bild dargestellt (ohne alt))und der Rest der Webseite ist verschwunden.

PHP-Code:

---

$picture['alt'] = 'my ALT text'; 


---

So sieht mein Template aus:

PHP-Code:

---

<?php foreach($this->items->parseAll($this->getFormat(), $this->view) as $arrItem):
    $picture  = \Picture::create($arrItem['raw']['pro_images']['path']['0'], 1);
    $picture['alt'] = <?php echo $arrItem['text']['pro_title']; ?>;
    $template = new \FrontendTemplate('picture_default');
    $template->setData($picture->getTemplateData());
?>


  <div class="project-image">
    <figure class="image_container">
      <a href="<?php echo $arrItem['jumpTo']['url']; ?>">
        <?php echo $template->parse(); ?>
      </a>
    </figure>
  </div>
  <div class="project-title">
    <a href="<?php echo $arrItem['jumpTo']['url']; ?>"><?php echo $arrItem['text']['pro_title']; ?></a>
  </div>


<?php endforeach; ?>

---

wenn ich:

PHP-Code:

---

$picture['alt'] = <?php echo $arrItem['text']['pro_title']; ?>;

---

im Template einfüge bekomme ich im Frontend nur noch eine weiße Seite.

tja... war nur so eine Idee - steckt das ggf. noch in 'media' drin?

https://github.com/contao/core/blob/...ao/Picture.php

Zitat:

---

Zitat von makrele

wenn ich:

PHP-Code:

---

$picture['alt'] = <?php echo $arrItem['text']['pro_title']; ?>;

---

im Template einfüge bekomme ich im Frontend nur noch eine weiße Seite.

---

\Picture::create gibt ein \Picture Objekt zurück, kein Array. Außerdem ist deine PHP Syntax generell komplett falsch.

Du brauchst

PHP-Code:

---

$arrPicture = \Picture::create($arrItem['raw']['pro_images']['path']['0'], 1)->getTemplateData();
$arrPicture['alt'] = $arrItem['text']['pro_title'];
$objTemplate = new \FrontendTemplate('picture_default');
$objTemplate->setData($arrPicture); 


---

ggf. das $arrItem['text']['pro_title']; auf Sonderzeichen behandeln bzw. escapen - ein " sollte da sicher nicht auftauchen...

Danke Spooky und zonky. Funktioniert! :)

PHP-Code:

---

<?php foreach ($this->data as $arrItem):
    $arrPicture = \Picture::create($arrItem['raw']['pro_images']['path']['0'], 1)->getTemplateData(); 
    $arrPicture['alt'] = specialchars($arrItem['text']['pro_title']);
    $objTemplate = new \FrontendTemplate('picture_default'); 
    $objTemplate->setData($arrPicture);
?>

<div class="project-image">
  <figure class="image_container">
    <a href="<?php echo $arrItem['jumpTo']['url']; ?>">
      <?php echo $objTemplate->parse(); ?>
    </a>
  </figure>
</div>

<?php endforeach; ?>

---