Galerie und Bilder werden nicht korrekt angezeigt

[tschero]

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)

<?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:

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

j_colorbox.html5:
Alt:

<?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:

<?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>

Besten Dank für die Unterstützung.

Gruß
tschero

[tschero]

Ja da war ich dran.
Jetzt klappts teilweise.

Muss noch etwas nacharbeiten aber ich glaube es wird.
(um doppeltes posting zu vermeiden hier mal der Link zum Contao Forum)
https://community.contao.org/de/show...l=1#post487885

[Tom]

In der fe_page folgendes entfernen. Contao 4 braucht das nicht.

<?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; ?>

Wie ich aus dem Tread entnehmen kann wurde zuviel entfernt.

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

muss drinnen bleiben.

[tschero]

Ich habe das Thema auch im Contao Forum gepostet.
Der Tipp ist die fe_page an den Core anzupassen.
Die fe_page ist aber von Quantum speziell nehme ich an.

Habt Ihr eine Lösung?
https://community.contao.org/de/show...l=1#post487883

[tschero]

Hi Tom,

der andere Fehler ist behoben.
Ich habe folgende Codezeilen aus dem "fe_page.html5" Template entfernt.

<?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; ?>

Dennoch keine Änderung an der Lightbox.

[Tom]

Nein, geht in der Tat nicht. Hatte die falsche Seite offen. Die colorbox Files werden korrekt reingeladen. Es gibt hier noch einen anderen JS-Fehler. Ich würde das vorher beheben. Siehe Screenshot.

[tschero]

Hab gerade nochmals deine Seite getestet. Die Galerie funktioniert. Im Portfolio sowie auf normalen Contao Seiten.

Bei mir funktioniert es nicht.
Welche Seite hast Du denn getestet?
Schau mal hier.

[tschero]

Ich würd aber hier auf ein Contao Problem tippen. Der Pfad zum Script wird falsch generiert.

So hier steht es im Template "j_colorbox.html5":

<script src="<?php echo TL_ASSETS_URL; ?>assets/jquery/colorbox/<?php echo COLORBOX; ?>/js/colorbox.min.js"></script>

Und das hier für das CSS:

$GLOBALS['TL_CSS'][] = 'assets/jquery/colorbox/'. COLORBOX .'/css/colorbox.min.css||static';

Das würde für mich zumindest die seltsame Ausgabe erklären.

[tschero]

Es funktioniert auch nicht wenn ich das Script im Seitenlayout in den zusätzlichen <head>-tags manuell einbinde:
Wie folgt steht es dann im Quellcode - keine Fehlermeldung diesbezüglich in der Konsole.

 <script type="text/javascript" charset="utf-8" src="assets/colorbox/js/colorbox.min.js"></script>

oder

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

[/CODE]

Wo liegt denn hier mein Verständnisproblem?

[Tom]

Hab gerade nochmals deine Seite getestet. Die Galerie funktioniert. Im Portfolio sowie auf normalen Contao Seiten.

[tschero]

Hi Tom,

nach dem Entfernen der j_colorbox aus den Seitenlayout ist das Verhalten noch immer das Gleiche. Lediglich die Fehlermeldung aus der Konsole ist verschwunden.

[Tom]

Hi tschero,

Quantum haben wir nur unterstützt bis Contao 3.5. Ich würde mal zu Testzwecken die j_colorbox.html5 entfernen.
Ich würd aber hier auf ein Contao Problem tippen. Der Pfad zum Script wird falsch generiert. Er müsste so lauten: assets/colorbox/js/colorbox.min.js

[tschero]

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 ist alles OK.

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

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

Hat jemand einen Tipp für mich.

Gruß
tschero