Ankündigung

**Tom** · 21.11.2018, 10:53

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** · 21.11.2018, 17:34

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** · 21.11.2018, 20:09

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

**tschero** · 21.11.2018, 20:15

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.

Code:

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

oder

Code:

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

**tschero** · 21.11.2018, 20:34

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

Code:

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

Code:

$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** · 21.11.2018, 20:44

Zitat von Tom Beitrag anzeigen

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.

**Tom** · 22.11.2018, 08:22

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** · 22.11.2018, 13:20

Hi Tom,

der andere Fehler ist behoben.
Ich habe folgende Codezeilen 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; ?>

Dennoch keine Änderung an der Lightbox.

**tschero** · 22.11.2018, 13:37

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

**Tom** · 22.11.2018, 13:43

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

HTML-Code:

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

HTML-Code:

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

muss drinnen bleiben.

**tschero** · 22.11.2018, 14:01

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

**tschero** · 22.11.2018, 18:09

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>

Besten Dank für die Unterstützung.

Gruß
tschero

Ankündigung

Galerie und Bilder werden nicht korrekt angezeigt

Galerie und Bilder werden nicht korrekt angezeigt

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar