4.4.x Galerie und Bilder werden nicht in Lightbox angezeigt[gelößt]

Galerie und Bilder werden nicht in Lightbox angezeigt[gelößt]

Hallo Zusammen,

nach einem Update auf Contao 4.4 werden die Galerie und die Bilder nicht mehr korrekt angezeigt.

Siehe hier.

Auf dieser Seite mit Contao 3 und der gleichen Quantum Version(PCT-Template) ist alles OK.

Es scheint als würde ein JQuery Template nicht korrekt geladen.
Das hier zeigt die Konsole:

Code:

Laden fehlgeschlagen für das <script> mit der Quelle "https://www.panzertruppe.com/assets/jquery/colorbox/COLORBOX/js/colorbox.min.js".

Im Seitenlayout ist CDN mit lokalem Fallback eingestellt.
"var/cache/prod" ist geleert. Browser aktualisiert.

Contao 4.4.26
PCT-Theme: Quantum

Diese Anfrage wurde auch schon im PCT-Forum gestellt:
https://forum.premium-contao-themes....rekt-angezeigt

Hat jemand einen Tipp für mich?

Gruß
tschero

Liste der Anhänge anzeigen (Anzahl: 1)

Hi wenn du meinst das die Bilder nicht in einer Lightbox angezeigt wird.... hilft die Umstellung von der Jquery oder mootools ....

habe das bei mir so ein gestellt und es geht ... hatte zuvor auch den Fehler ....
Anhang 21606

hoffe es hilft ...

mfg Heiko

Guten Morgen,

leider hat es nicht geholfen.
Fehlermeldung in der Konsole ist jetzt:

Code:

Laden fehlgeschlagen für das <script> mit der Quelle "https://ajax.googleapis.com/ajax/libs/mootools/1.6.0.5/mootools.min.js". wo-steht-das-heer.html:24:1 ReferenceError: MooTools is not defined[Weitere Informationen] a9355963fd6b.js:1:1 Laden fehlgeschlagen für das <script> mit der Quelle "https://www.panzertruppe.com/assets/jquery/colorbox/COLORBOX/js/colorbox.min.js". wo-steht-das-heer.html:1547:1 ReferenceError: Elements is not defined[Weitere Informationen] chosen.min.js:1:1 TypeError: window.addEvent is not a function[Weitere Informationen] wo-steht-das-heer.html:1574:3 ReferenceError: Class is not defined[Weitere Informationen] tablesort.min.js:1:62 TypeError: window.addEvent is not a function[Weitere Informationen] wo-steht-das-heer.html:1581:3 TypeError: window.addEvent is not a function[Weitere Informationen] mediabox.min.js:1:14269 TypeError: window.addEvent is not a function[Weitere Informationen] wo-steht-das-heer.html:1590:3 SyntaxError: expected expression, got '&&'[Weitere Informationen] wo-steht-das-heer.html:1625:157 TypeError: $(...).colorbox is not a function[Weitere Informationen] wo-steht-das-heer.html:1560:16

Hab MooTools wieder rausgenommen. Ich habe mal gelesen, dass man sich für ein Framework entscheiden sollte und nicht beide verwenden. Da scheint es mögliche Konflikte zu geben.

Wie gesagt, das Problem besteht weiterhin.

Der Thread bei PCT wurd auch weitergeführt.
https://forum.premium-contao-themes....rekt-angezeigt

Gruß
tschero

Selbst wenn ich die JavaScript- und CSS Datei in den zusätzlichen <head>-Tags im Seitenlayout manuell einbinde funktioniert es nicht.

Code:

<link rel="stylesheet" href="https://panzertruppe.com/assets/colorbox/css/colorbox.min.css"> <script type="text/javascript" charset="utf-8" src="https://panzertruppe.com/assets/colorbox/js/colorbox.min.js"></script>

Beide Scripte sind erreichbar - trotzdem werden Bilder nicht in der Lightbox angezeigt.

Wo liegt denn hier mein Verständnisproblem?

Gruß
tschero

Zitat:

Zitat von tschero

nach einem Update auf Contao 4.4 werden die Galerie und die Bilder nicht mehr korrekt angezeigt.

Siehe hier.

In der Konsole kommt momentan folgender Fehler:

Code:

SyntaxError: expected expression, got '&&'

HTML-Code:

<script> setTimeout(function(){jQuery.ajax("system/cron/cron.txt",{complete:function(e){var t=e.responseText||0;parseInt(t)<Math.round(+(new Date)/1e3)-&&jQuery.ajax("system/cron/cron.php")}})},5e3) </script>

Du hast deinen Thread mit "4.4.x" getagged, dieser JavaScript Code sollte aber in einer Contao 4 Installation gar nicht existieren.

Hi,

das ist ein Update aus einer 3.5´er Version - gemacht nach dem Video von Leo und der Beschreibung von Erdmann und Freunde.
https://erdmann-freunde.de/logbuch/contao-4-4-umziehen/

Wo könnte ich denn hier ansetzen?

Bei einem Update solltest du auch core templates abgleichen und ggf. ändern. Durchsuche deine eigenen Template nach diesem Code.

Ich habe folgende Zeilen aus dem "fe_page.html5" Template entfernt.

Code:

<?php echo $this->mootools; ?> <?php if (!$this->disableCron): ?> <script> <?php if ($this->layout->addJQuery): ?> setTimeout(function(){jQuery.ajax("system/cron/cron.txt",{complete:function(e){var t=e.responseText||0;parseInt(t)<Math.round(+(new Date)/1e3)-<?php echo $this->cronTimeout; ?>&&jQuery.ajax("system/cron/cron.php")}})},5e3) <?php else: ?> setTimeout(function(){(new Request({url:"system/cron/cron.txt",onComplete:function(e){e||(e=0),parseInt(e)<Math.round(+(new Date)/1e3)-<?php echo $this->cronTimeout; ?>&&(new Request({url:"system/cron/cron.php"})).get()}})).get()},5e3) <?php endif; ?> </script> <?php endif; ?>

Der andere Fehler ist jetzt weg - das Problem mit der Lightbox besteht weiterhin

Auf der Seite ist nichts von einer Lightbox zu finden. Hast du diese auch tatsächlich im Seitenlayout aktiviert?

Zitat:

Zitat von tschero

Ich habe folgende Zeilen aus dem "fe_page.html5" Template entfernt.

Code:

<?php echo $this->mootools; ?> <?php if (!$this->disableCron): ?> <script> <?php if ($this->layout->addJQuery): ?> setTimeout(function(){jQuery.ajax("system/cron/cron.txt",{complete:function(e){var t=e.responseText||0;parseInt(t)<Math.round(+(new Date)/1e3)-<?php echo $this->cronTimeout; ?>&&jQuery.ajax("system/cron/cron.php")}})},5e3) <?php else: ?> setTimeout(function(){(new Request({url:"system/cron/cron.txt",onComplete:function(e){e||(e=0),parseInt(e)<Math.round(+(new Date)/1e3)-<?php echo $this->cronTimeout; ?>&&(new Request({url:"system/cron/cron.php"})).get()}})).get()},5e3) <?php endif; ?> </script> <?php endif; ?>

Der andere Fehler ist jetzt weg - das Problem mit der Lightbox besteht weiterhin

Das darfst du nicht machen, du hast nun zu viel entfernt ;). Bitte gleich deine fe_page an die des cores an.

Jetzt klappts teilweise.

Der zusätzliche Fehler kam aus dem fe_page.html5 Template.
Ich habe dort jetzt && gegen + getauscht.

Code:

setTimeout(function(){jQuery.ajax("system/cron/cron.txt",{complete:function(e){var t=e.responseText||0;parseInt(t)<Math.round(+(new Date)/1e3)-<?php echo $this->cronTimeout; ?> && + jQuery.ajax("system/cron/cron.php")}})},5e3)

- Systemwartung ausführen
- var/cache/prod löschen
- Browsercache leeren

Auf einigen Seiten funktioniert es noch nicht.
Muss jetzt mal die Seitenlayouts alle testen.

Diesen Code brauchst du in Contao 4 generell nicht und wird auch nie funktionieren. Vergleiche deine fe_page mit dem Core und aktualisiere deine fe_page.

Jetzt scheint es alles in Ordnung zu sein.

Es mussten die Templates fe_page.html5 und j_colorbox.html5 angepasst werden.

fe_page.html5:
Alt(nur unten am Ende)

Code:

<?php echo $this->mootools; ?> <?php if (!$this->disableCron): ?> <script> <?php if ($this->layout->addJQuery): ?> setTimeout(function(){jQuery.ajax("system/cron/cron.txt",{complete:function(e){var t=e.responseText||0;parseInt(t)<Math.round(+(new Date)/1e3)-<?php echo $this->cronTimeout; ?> + jQuery.ajax("system/cron/cron.php")}})},5e3) <?php else: ?> setTimeout(function(){(new Request({url:"system/cron/cron.txt",onComplete:function(e){e||(e=0),parseInt(e)<Math.round(+(new Date)/1e3)-<?php echo $this->cronTimeout; ?> + (new Request({url:"system/cron/cron.php"})).get()}})).get()},5e3) <?php endif; ?> </script> <?php endif; ?> </body>

Aktuell:

Code:

<?php echo $this->mootools; ?> </body>

j_colorbox.html5:
Alt:

Code:

<?php // Add the colorbox style sheet $GLOBALS['TL_CSS'][] = 'assets/jquery/colorbox/'. COLORBOX .'/css/colorbox.min.css||static'; ?> <script src="<?php echo TL_ASSETS_URL; ?>assets/jquery/colorbox/<?php echo COLORBOX; ?>/js/colorbox.min.js"></script> <script> (function($) { $(document).ready(function() { $('a[data-lightbox]').map(function() { // break loop if parent is a bx slider clone if($(this).parent('div').hasClass('bx-clone')) { return false; } $(this).colorbox({ // Put custom options here loop: false, rel: $(this).attr('data-lightbox'), maxWidth: '95%', maxHeight: '95%', }); }); }); })(jQuery); </script>

Aktuell:

Code:

<?php // Add the colorbox style sheet $GLOBALS['TL_CSS'][] = 'assets/colorbox/css/colorbox.min.css||static'; ?> <script src="<?php echo TL_ASSETS_URL; ?>assets/colorbox/js/colorbox.min.js"></script> <script> (function($) { $(document).ready(function() { $('a[data-lightbox]').map(function() { // break loop if parent is a bx slider clone if($(this).parent('div').hasClass('bx-clone')) { return false; } $(this).colorbox({ // Put custom options here loop: false, rel: $(this).attr('data-lightbox'), maxWidth: '95%', maxHeight: '95%' }); }); }); })(jQuery); </script>

Herzlichen Dank an alle die geholfen haben.

Gruß
tschero

Danke für eure Hinweise. Bei mir wurde ebenfalls nach einem Update von 3.5 die colorbox nicht geladen. Der Hinweis mit dem Template brachte die Lösung: ich hatte ein angepasstes j_colorbox.html5 im Einsatz (hatte ich nicht mehr auf dem Schirm). Der Code für das Laden wurde in Contao 4.x verändert:

Vorher in 3.5:

PHP-Code:

<script src="<?= TL_ASSETS_URL ?>assets/jquery/colorbox/<?= $GLOBALS['TL_ASSETS']['COLORBOX'] ?>/js/colorbox.min.js"></script>

Jetzt in 4.x:

PHP-Code:

<script src="<?= TL_ASSETS_URL ?>assets/colorbox/js/colorbox.min.js"></script>