News-Template – Erster Beitrag mit großem Bild

Hallo,

ich möchte eine News-Seite in Contao umsezten welche folgendes Layout hat:
Anhang 23017

D.h. der erste Beitrag hat ein größeres Foto als die restlichen.

Mein Problem:
Wie teile ich dem Template "news_latest.html5" mit, dass es für den ersten Beitrag eine andere Bildgröße verwenden soll?

Hätte mir das etwa so vorgestellt:

Code:

---

       
<div class="news_teaser">

        <figure class="news_teaser_image">

                <?php

                if ($this->counter == 1) {
                        // der erste Beitrag erhält ein größeres Bild
                        $sizeArray = [900, 600, 'crop'];
                } else {
                        // die restlichen ein kleines
                        $sizeArray = [380, 230, 'crop'];
                }
               

                if (null !== ($objCoverFile = \FilesModel::findByUuid($this->singleSRC)))
                {
                $objImageTemplate = new stdClass();
                \Controller::addImageToTemplate($objImageTemplate, [
                        'singleSRC' => $objCoverFile->path,
                        'size' => $sizeArray,
                ], \Config::get('maxImageWidth'), null, $objCoverFile);
                $this->insert('image', (array) $objImageTemplate);
                }

                ?>
        </figure>

        <p>Hier folgt der Teast text ...</p>
        <a href="#">Hier der Link zum Beitrag</a>
</div>

---

... das Problem ist nur ich hab kein "$this->counter" im Template zur Verfügung :)

Oder würdet ihr das auf einem anderen Weg lösen?

Danke für eure Hilfe!

Hallo thesweetg,
du könntest das auch mit zwei Modulen Lösen (zwei Listen).
Bei der ersten stellst du alles passend für die erste News ein, beschränkst aber auf eine News.
Bei der zweiten alles passend für den Rest und stellst dort ein, dass du eine News überspringst.
Dann sollte das schon alles passen ;-)

Viele Grüße

Ist eine super Idee.

Hab allerdings eine Pagination geplant.
Die würde dann auf den weiteren Seiten auch immer zuerst den ersten Beitrag (mit großem Bild) anzeigen.
(Nehme ich an, getestet habe ich es noch nicht.)

Das wäre dann etwas verwirrend für den Besucher.

Könntest du vielleicht individuell mit einem parseArticles Hook lösen.

Zitat:

---

Zitat von thesweetg

Ist eine super Idee.

Hab allerdings eine Pagination geplant.
Die würde dann auf den weiteren Seiten auch immer zuerst den ersten Beitrag (mit großem Bild) anzeigen.
(Nehme ich an, getestet habe ich es noch nicht.)

Das wäre dann etwas verwirrend für den Besucher.

---

Hmm da würde ich eher mit einem Archiv arbeiten.. also ne extra Seite für alle älteren News und dann eben alle im selben Modul ausgeben. Ansonsten würdest du ja auch immer auf jeder Seite das oberste so groß anzeigen lassen oder ist das der Plan? Wenn das der Plan wäre, dann würde ich das eventuell pur per CSS lösen und dann für alle die Bilder größer Berechnen lassen und per CSS verkleinern.. auch wenn das nicht unbedingt schick ist.
Ne andere Idee hab ich da auf die schnelle jetzt nicht...

Viele Grüße

Falls es mal wer braucht, ich konnte das jetzt so lösen:

Code:

---

// src/EventListener/ParseArticlesListener.php
namespace App\EventListener;

use Contao\CoreBundle\ServiceAnnotation\Hook;
use Contao\FrontendTemplate;
use Contao\Module;
use Contao\UserModel;

/**
 * @Hook("parseArticles")
 */
class ParseArticlesListener
{
    public $newsCounter = 1;

    public function __invoke(FrontendTemplate $template, array $newsEntry, Module $module): void
    {
                $this->newsCounter++;
                $template->teaserImageSize = 1;
                if($this->newsCounter % 8 == 2) {
                        $template->teaserImageSize = 2;
                }
    }
}

---

Im Template news_latest.html5 kann man dann die Bildgröße mit $this->teaserImageSize abfragen.

Mit https://github.com/fritzmg/contao-newslist-extended kann man auch im Nachrichtenlistenmodul eine andere Bildgröße für Featured Nachrichten angeben, wenn man das braucht.