4.4.x Nach Upgrade von 3.5 - Probleme mit Artikeliste-Sprungnavi und Element-Namen

[Twitt]

Hallo ins Forum

Ich habe ein Testprojekt von CT 3.4.15 auf 3.5.40 und von da auf 4.4.46 upgedatet. Das meiste funktioniert wunderbar.

Es gibt nur zwei Sachen bei denen ich bisher nicht weiterkomme.

Unterseiten sind mit einer Subnavi (Artikelliste) augestattet, welche durch Klick zum entsprechenden Element in der Seite scrollen. Dies funktioniert seit 4.4.46 nicht mehr. Zuerst mal viel mir auf, dass neu der CSS-Name für die Artikelliste "articlelist und nichtmehr "articleList" ist. Was ich jedoch nicht verstehe ist, dass der Smootscroll nicht mehr funktioniert. Der Anker wird aber angesprochen. Bei der alten Site (einfach contao. in der Url weglassen) funktioniert alles einwandfrei. Neu sind auch die Sprungnamen nicht mehr vorhanden, sondern "#article-139". Ich hab das mal Testweise bei der CSS-ID angepasst jedoch ohne Erfolg.

Das JS im Seitenlayout ist ebenfalls unverändert jedoch habe ich das Gefühl, dass dies nicht mehr greift. Ich weiss aber nicht wieso?

Kann mir jemand einen Tipp geben fuer den Sprunglink und die fehlende Namensumbenennung?


Herzlichen Dank jetzt schon.

[folkfreund]

Falls du in deiner 3.5er Version angepasste Tempaltes hattest, dann musst du die Anpassungen mit den neuen Version der 4.4er Version abgleichen.

Smoothscroll wird meistens mit Javascript gemacht. Falls es tatsächlich so ist, das das JS unverändert ist, dann kann das nicht funktionieren, da du ja bereits festgestellt hast, dass sich im CSS ein Name verändert hat. Schau mal, ob du den auch im JH-Code anpassen musst.

[xchs]

Du müsstest außerdem Deine angepassten Templates im templates/ Ordner aktualisieren und insbesondere die Neuerungen im Template j_colorbox.html5 nachführen. Der Verzeichnispfad zur JavaScript-Datei hat sich nämlich inzwischen geändert (siehe https://github.com/contao/contao/blo...orbox.html5#L8). Daher werden die Bilder auch nicht mehr im Lightbox-Overlay geladen.

[mlweb]

Neu sind auch die Sprungnamen nicht mehr vorhanden, sondern "#article-139".

Das wurde in Contao 4 geändert https://github.com/contao/contao/blo...rticle-css-ids

[Twitt]

Falls du in deiner 3.5er Version angepasste Tempaltes hattest, dann musst du die Anpassungen mit den neuen Version der 4.4er Version abgleichen.
Smoothscroll wird meistens mit Javascript gemacht. Falls es tatsächlich so ist, das das JS unverändert ist, dann kann das nicht funktionieren, da du ja bereits festgestellt hast, dass sich im CSS ein Name verändert hat. Schau mal, ob du den auch im JH-Code anpassen musst.

Danke dir folkfreund
Ja die JS im Seitenlayout habe ich bereits angepasst. Trotzdem ohne Erfolg. Auch die Templates wurden angepasst.

[folkfreund]

Bei mir funktioniert das z.B. auf der Seite richmud.de

Den Sprungzielen habe ich jeweils den Alias nochmal als CSS-ID zugewiesen um lesbare URL Anker zu erhalten.

Im Seitenlayout ist als Javascript folgendes eingetragen:

<script>
  (function($) {
    $(document).ready(function() {
        $(".mod_articlelist a").on("click",function (e) {
            var target = this.hash;
            $('html, body').animate({
                'scrollTop': (target) ? $(target).offset().top : 0
            }, 900);
            e.preventDefault();
        });
    });
  })(jQuery);
</script>

Vielleicht hilft dir das ja weiter.
Ich wünsche dir einen guten Jahreswechsel!

[Twitt]

Bei mir funktioniert das z.B. auf der Seite richmud.de
Den Sprungzielen habe ich jeweils den Alias nochmal als CSS-ID zugewiesen um lesbare URL Anker zu erhalten.

<CODE>

Vielleicht hilft dir das ja weiter.
Ich wünsche dir einen guten Jahreswechsel!

Danke dir folkfreund
Ich hoffe du bist ebenfalls gut ins 2020 gestartet?

Ich weiss jetzt leider nicht warum, aber mit deinem Codeschnipsel klappt es optimal und auch die Seitennavi klebt schön am oberen Browserfenster.
Ein toller Jahresstart – vielen lieben Dank. Zumal dein Code auch wesentlich kürzer als meiner ist.