Durch alle Seiten scrollen

[stefanwin]

Jetzt, wo meine Seite fast fertig ist, möchte mein Kunde, dass ich die Seite wie folgt umbaue:
Man startet auf der Startseite und scrollt dann nach unten und gelangt so zu den nächsten Seiten, wobei auch die Navigation im Head weiterspringen soll.
Also von Home zu News zu Kontakt zu Impressum usw.
Da es meine erste Webseite ist, bitte ich Euch um einen Tipp, wonach ich da suchen soll oder gibt es das schon fertig ?

[planepix]

Hallo stefanwin,

damit ist sicher eine sogenannte „OnePage”-Webseite gemeint - alle Inhalte auf einer Seite.
Dazu gibt es im Forum mehrere Threads und auch eine Erweiterung dafür.
Ob du damit dein Vorhaben umsetzen kannst müsstest du einmal überprüfen.

https://contao.org/de/erweiterungsli...010009.de.html
http://de.contaowiki.org/OnePageWebsite

[mlweb]

Jetzt, wo meine Seite fast fertig ist, möchte mein Kunde, dass ich die Seite wie folgt umbaue:
Man startet auf der Startseite und scrollt dann nach unten und gelangt so zu den nächsten Seiten, wobei auch die Navigation im Head weiterspringen soll.
Also von Home zu News zu Kontakt zu Impressum usw.

Hast Du mit Deinem Kunden so etwas nicht vorher abgesprochen? So ein One-Pager kommt ja einem Neuaufbau gleich.

[stefanwin]

Danke für den Tipp mit der OnePage.
Bezüglich "mit dem Kunden abgesprochen", die haben das irgendwo gesehen und finden das super und jetzt wollen die das auch.

[folkfreund]

Super Anschluß-Auftrag !

[stefanwin]

Habe jetzt mal diese OnePageWebsite Erweiterung installiert und die Webseite entsprechend der Beschreibung umgebaut (vorher natürlich alles gesichert :-)).
Mein Problem ist jetzt, dass ich dachte, dass der Header und Footer des Standard-Layouts stehen bleiben und in der Hauptspalte die einzelnen Seiten scrollen. Bei mir scrollt aber immer alles, auch der Header und Footer. Zusätzlich hat jede OnePage-Site auch nochmal den Header und Footer drin, obwohl im OnePage-Layout kein Header/Footer definiert ist. Sieht also alles schrecklich aus.
Habe die Beschreibung schon x-mal durchgearbeitet, sehe aber den Fehler nicht.
Die einzige Sache, dir richtig funktioniert ist das OnePageNavigationsmenü. Wenn ich einen Menüpunkt anklicke, scrollt die Seite auch sofort zur richtigen Stelle.
Habe übrigens Contao 3.5.3.

[Spooky]

Mein Problem ist jetzt, dass ich dachte, dass der Header und Footer des Standard-Layouts stehen bleiben und in der Hauptspalte die einzelnen Seiten scrollen. Bei mir scrollt aber immer alles, auch der Header und Footer.

Das musst du selbst mit CSS/JS realisieren.

Zusätzlich hat jede OnePage-Site auch nochmal den Header und Footer drin, obwohl im OnePage-Layout kein Header/Footer definiert ist. Sieht also alles schrecklich aus.
Habe die Beschreibung schon x-mal durchgearbeitet, sehe aber den Fehler nicht.

Du musst der Referenz-Seite, unter der sich alle OnePage Seiten befinden, ein leeres Seitenlayout zuweisen.

[stefanwin]

Danke Dir, aber ich habe die Beschreibung wirklich genau eingehalten und der Referenzseite auch eine leeres Layout (nur Artikel in Hauptspalte) zugewiesen.
Habe in anderen Beiträgen gefunden, dass man den Unterseiten kein Layout mehr zuordnen muss, weil diese das von der Referenzseite erben. Aber auch das war ohne Erfolg, jede Unterseite zeigt nochmal den Header und den Footer.
Das der Header/Footer der Hauptseite mitscrollt, damit kann ich noch leben, aber, dass jede Seite nochmals Header/Footer zeigt, da muss es doch eine Lösung geben.

[Spooky]

Danke Dir, aber ich habe die Beschreibung wirklich genau eingehalten und der Referenzseite auch eine leeres Layout (nur Artikel in Hauptspalte) zugewiesen.
Habe in anderen Beiträgen gefunden, dass man den Unterseiten kein Layout mehr zuordnen muss, weil diese das von der Referenzseite erben. Aber auch das war ohne Erfolg, jede Unterseite zeigt nochmal den Header und den Footer.

Wie sieht deine genaue Seitenstruktur nun aus und welche Seiten haben welches Layout zugewiesen?

Das der Header/Footer der Hauptseite mitscrollt, damit kann ich noch leben

Damit musst du nicht Leben, solche Dinge muss man einfach selbst machen.


Außerdem: welche Version von OnePageWebsite benutzt du? Im Extension Repository ist leider nicht die neueste Version verfügbar. Du solltest die aktuelle Version von GitHub installieren.

[stefanwin]

Jetzt hab ich's!
Die OnPageReferenz Seite darf keine Unterseite der Startseite sein, sondern muss sich auf der gleichen Ebene der Hierachie befinden, dann klappt das :-).

[Spooky]

Sollte eigentlich egal sein.

[Andreas]

Die OnPageReferenz Seite darf keine Unterseite der Startseite sein, sondern muss sich auf der gleichen Ebene der Hierachie befinden, dann klappt das :-).

Also doch nicht so wie im Wiki beschrieben gemacht. Ich habe die Erweiterung gerade mal mit einer Contao-Demo ausprobiert und hat auf Anhieb geklappt. Version 2.2.1 https://github.com/timgatzky/onepagewebsite/tree/master auf Contao 3.5.3.

Und ja, das ist bekannt, dass sich Layouts nach unten vererben, ist im Wiki halt nur zur Übersichtlichkeit so dargestellt. Also der Startpunkt bekommt das Standardlayout und die Referenzseite das One-Page-Seiten Layout.

[tofo]

Also doch nicht so wie im Wiki beschrieben gemacht. Ich habe die Erweiterung gerade mal mit einer Contao-Demo ausprobiert und hat auf Anhieb geklappt. Version 2.2.1 https://github.com/timgatzky/onepagewebsite/tree/master auf Contao 3.5.3.

Und ja, das ist bekannt, dass sich Layouts nach unten vererben, ist im Wiki halt nur zur Übersichtlichkeit so dargestellt. Also der Startpunkt bekommt das Standardlayout und die Referenzseite das One-Page-Seiten Layout.

Ich habe gerade das Beispiel aus dem Wiki nachgebaut - bei mir hat die Sache erst dann funktioniert, als ich dem Startpunkt das leere Layout zugewiesen habe. Die Referenzseite und darunter haben ebenfalls dediziert das leere Layout bekommen, nur die Startseite und z.B. Impressun haben das Standardlayout dediziert bekommen. Sonst hatte ich den Effekt, dass mir die Navigation vor jedem einzelnen Punkt (Seite) angezeigt wurde.

So gemacht mit dem aktuellen Master aus dem Github-Repository mit Contao 3.5.6 (blitzeblankenigelnagelneue Installation).

Gruß, Thomas