Ankündigung

Einklappen
Keine Ankündigung bisher.

Galerie und Bilder werden nicht korrekt angezeigt

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Galerie und Bilder werden nicht korrekt angezeigt

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

    Hat jemand einen Tipp für mich.

    Gruß
    tschero
    https://www.webdesign24.biz

  • #2
    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
    *********************
    Neu: Kostenloser Contao Installer 3.0
    *********************
    Contao und Erweiterungen in wenigen Sekunden laden, installieren und updaten - ohne Composer oder Contao Manager.

    Kommentar


    • #3
      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.
      https://www.webdesign24.biz

      Kommentar


      • #4
        Hab gerade nochmals deine Seite getestet. Die Galerie funktioniert. Im Portfolio sowie auf normalen Contao Seiten.
        *********************
        Neu: Kostenloser Contao Installer 3.0
        *********************
        Contao und Erweiterungen in wenigen Sekunden laden, installieren und updaten - ohne Composer oder Contao Manager.

        Kommentar


        • #5
          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?
          Zuletzt geändert von tschero; 21.11.2018, 20:21.
          https://www.webdesign24.biz

          Kommentar


          • #6
            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.
            Zuletzt geändert von tschero; 22.11.2018, 07:49.
            https://www.webdesign24.biz

            Kommentar


            • #7
              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.
              https://www.webdesign24.biz

              Kommentar


              • #8
                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.
                *********************
                Neu: Kostenloser Contao Installer 3.0
                *********************
                Contao und Erweiterungen in wenigen Sekunden laden, installieren und updaten - ohne Composer oder Contao Manager.

                Kommentar


                • #9
                  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.
                  https://www.webdesign24.biz

                  Kommentar


                  • #10
                    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
                    https://www.webdesign24.biz

                    Kommentar


                    • #11
                      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.
                      *********************
                      Neu: Kostenloser Contao Installer 3.0
                      *********************
                      Contao und Erweiterungen in wenigen Sekunden laden, installieren und updaten - ohne Composer oder Contao Manager.

                      Kommentar


                      • #12
                        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
                        https://www.webdesign24.biz

                        Kommentar


                        • #13
                          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
                          Zuletzt geändert von tschero; 22.11.2018, 19:52.
                          https://www.webdesign24.biz

                          Kommentar

                          Lädt...
                          X