Druckbare Version
Hallo, nach Update auf Contao 5.3 stimmt die Darstellung der Galerie-Vorschaubilder nciht mehr (siehe Screenshot)
Anhang 27666
Im Artikel kann ich nur dieses Inhaltselelment-Template auswählen
Anhang 27667
Galerie-Template gibts nicht mehr? bildabstand gibts auch nicht mehr?
Edit: Die Galerie-Darstellung sollte natürlich(wie vorher bei 4.13) horizontal mit Abständen sein
Mit 5.3 haben sich die Klassen der Inhaltselemente geändert. Davon betroffen ist auch die Galerie.
Abhilfe(n):
- CSS anpassen
- Twig Template anpassen
- legacy html5 templates » https://github.com/contao/contao/blo...ntent-elements
OK, das gallery-Template gibts offensichtlich nur noch als twig-Template. Ich hab keine Ahnung wie man das anpasst ... gibts da eine Anleitung für Dummies??
Du kannst auch einfach https://extensions.contao.org/?p=zog...gacy-templates installieren wenn du wieder html5 Templates nutzen willst.
Hast du das CSS entsprechend angepasst?Zitat:
Zitat von typolighter
ce_gallery ist nun content-gallery. die Klasse image_container im figure gibt es nicht mehr (du solltest das figure direkt ansprechen).
Poste zusätzlich einen Link zur Seite.
Ganz viele in diesem Forum - Sogar noch mehr im Slack.Zitat:
Zitat von typolighter
Poste mal deine Anpassungen
Hab die Erweiterung installiert, damit stimmt die Darstellung wieder mit der alten Version überein. Für meine Zwecke reicht das erstmal, trotzdem bleibt mir wohl nichts anderes übrig, als mich ausführlich mit twig zu beschäftigen :rolleyes:Zitat:
Zitat von lbableck
Vielen Dank an alle für die Hilfe!
Kommt noch alles.Zitat:
Zitat von typolighter
Jetzt gehen alle erst einmal auf Contao 5, auch ist da wohl was geplant mit Tutorials von einigen Community-Mitgliedern :)
Das tolle an Twig ist ja, dass wenn alles auf Twig umgeschrieben ist, du jeglichen Krams in die Datenbank in seiner reinsten Form speichern kannst... und es bei der Ausgabe im Frontend dann nicht zu Sicherheitslücken kommt (Es sei denn du erlaubst es explizit wie beim Headline-Element - Sei es Twig oder PHP - aber das war schon immer so, dass deine Redakteure dann XSS in das Frontend einschleusen können - Die Sicherheitslücke ist das Vertrauen des Admins an die Nutzer :) )
Ich verstehe das mit Twig auch nicht.
Zumal bei manchen Core Elemente wie Individuelle Navigation scheinbar noch die "alten" Templates verwendet werden können.
Bei der Galerie kann ich unter templates noch immer default_gallery.html hinzufügen und editieren aber greift nicht.
Wie und wo schreibe ich nachfolgendes in Twig um?
PHP-Code:<ul>
<?php foreach ($this->body as $class=>$row): ?>
<?php foreach ($row as $col): ?>
<?php if ($col->addImage): ?>
<li class="col-lg-3 col-md-4 col-sm-6 col-6">
<figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>>
<?php if ($col->href): ?>
<a href="<?= $col->href ?>"<?= $col->attributes ?> title="<?= $col->alt ?>"><?php $this->insert('picture_default', $col->picture); ?></a>
<?php else: ?>
<?php $this->insert('picture_default', $col->picture); ?>
<?php endif; ?>
<?php if ($col->caption): ?>
<figcaption class="caption"><?= $col->caption ?></figcaption>
<?php endif; ?>
</figure>
</li>
<?php endif; ?>
<?php endforeach; ?>
<?php endforeach; ?>
</ul>
Wenn Du den Thread mal von Anfang an liest, dann steht da, dass Du auch noch die legacy-Templates nutzen kannst. Deshalb müssen die auch noch da sein ;).
Twig-Templates gibt es im Moment nur für die Inhaltselemente alles andere sind noch PHP-Templates.
Was Deinen Template-Code betrifft:
Für die Ausgabe in Twig ist das Element gallery.html.twig verantwortlich.
Was genau möchtest Du erreichen bzw. was fehlt Dir bei der Standardausgabe durch Twig? Mit diesen Angaben kann man dann sicher besser helfen.
Beachte auch, dass es die Abstände direkt im Element (Bildabstand) nicht mehr gibt (in Deinem Template-Code sind diese noch vorhanden).
Ich versuch das mit den abständen rein zu bekommen, klappt auch noch einfach.. War in Contao vor 5 besser, konnte man es einfach auswählen wieviel PX man den abstand haben wollte.Zitat:
Zitat von mlweb
lg heiko