RockSolid Custom Content Elements & Responsive Images

[Karl S.]

Werte Community,

ich würde gerne die Erweiterung »Custom Content Elements« von RockSolid mit responsiven Bildern verwenden. Könnte mir jemand eine Hilfestellung geben, wie das zu bewerkstelligen ist, bzw. wie man den entsprechenden Abschnitt im html5-Template formulieren müsste?

Vielen Dank vorweg


Karl

[Spooky]

<?php if( $this->image && ( $objFile = \FilesModel::findById( $this->image ) ) !== null ): ?>
<figure>
  <?php $this->insert('picture_default', \Picture::create( $objFile->path, 1 /* your image size ID */ )->getTemplateData() ); ?>
</figure>
<?php endif; ?>

[RockSolid Themes]

In den Custom Elements steht die Helper-Funktion getImageObject zur Verfügung um die Arbeit mit Bildern zu erleichtern. Sie kann im Template folgendermaßen verwendet werden:

<?php if ($image = $this->getImageObject($this->image, $this->size)): ?>
    <?php $this->insert('picture_default', $image->picture) ?>
<?php endif ?>

Für diesen Code sollte in der Konfiguration des Elements ein Feld mit dem Namen image und ein Feld mit dem Namen size konfiguriert werden.

Mehrere Beispiele von Custom Elements findest du auch in unserem kostenlosen Theme Open Sauce.

[Karl S.]

Vielen Dank Euch beiden, das funktioniert soweit bestens... trotzdem noch eine Frage: Wie sähe der zweite Ansatz aus, wenn eine responsive Bildgröße vorgegeben sein soll? Das wäre aus Redakteurssicht die sicherere Lösung...


Gruß Karl

[Spooky]

Statt $this->size:

array(null,null,1) 

Die 1 mit deiner gewünschten Image Size ID ersetzen.

[Karl S.]

Vielen Dank Spooky.