[OnePageWebsite] Eine one-page Website Struktur mit der Seitenstruktur erstellen

[Tim G]

Jetzt versteh ich es noch weniger. Für mich sieht die Seite korrekt aus und die OPW Struktur ist in divs. Hauptsache die id stimmt.

Meinst Du beim Scrollen?

Dann musst du das hier ersetzen:
var objPages = $$('.mod_onepagewebsiteregular li');

in

var objPages = $$('.mod_onepagewebsiteregular div.page');

oder noch sicherer:
var objPages = $$('.mod_onepagewebsiteregular .page');

Dann ist es egal von welchem Typ der die OPW Struktur Elemente sind.

[mdoll]

Ja, beim Scrollen! Es tut mir leid, wenn ich mich da nicht klar ausgedrückt habe.

Mit Deiner Änderung springt die Klasse 'active' gleich auf den letzten Punkt der Navigation.

Danke für Deine Mühe. Dein Support ist echt super.

Gruß
Mathias

Edit: ich weiß nicht, ob das mit meinem Post klar geworden ist. Es funktioniert leider immer noch nicht. Beim Scrollen springt die Klasse 'active' sofort auf das letzte Navi-Element und bleibt dann auch da...

[Tim G]

Ach, dann nimm doch ein ganz normal die li Elemente und im Css setzte die auf display:block . Sieht genauso aus

[Tim G]

Ich hab es jetzt direkt getestet und mein Template auch auf div umgestellt. Keine Probleme mit der Navi, auch beim scrollen nicht.

var objPages = $$('.mod_onepagewebsiteregular .page');

[Folia-Cut]

Hallo,

wenn ich ehrlich bin tut mir schön langsam der Kopf weg :-)

Ich versuche nun seit 2 tagen irgend das ganze umzusetzen.

Mir stellen sich grundsätzliche Frage:

1. Muss ich nun beide Module "Normale Struktur" und "Navigation" in das selbe Seitenlayout einbinden? Weil dann kommt es bei mir zu einer Endlosschleife.
2. Ist die Erweiterung bei Contao jetzt die aktuelle Version, weil ich habe vor 3 Tagen das ganze installiert.

Ich will folgendes umsetzen:

Meine Seite ist so aufgebaut

Seite 1
- keine Unterseiten

Seite 2
-Unterseite a
-Unterseite b
-Unterseite c

Seite 3
-Unterseite a
-Unterseite b
-Unterseite c

Seite 4
- keine Unterseiten

Seite 5
-Unterseite a
-Unterseite b
-Unterseite c

Ich habe bereits vor der Installation der Erweiterung ein Navigationsmenü mit Dropdown quasi war die Seite eigentlich fertig. Ich möchte nun aber das bei allen Hauptseiten mit Unterseiten folgendes: Die Artikel der Unterseiten sollen nacheinander in die Hauptseite eingebunden werden, sodaß nicht jeweils ein Reload erfolgen soll und ich dann eben durch die Erweiterung von Punkt zu Punkt springen kann.

1. Wie erreiche ich das Ziel die Artikel nacheinander einzufügen
2. Wie muss ich genau vorgehen um das Modul/Navigation einzubinden.

Danke schonmal.
Gruß Herbert

Link zur Seite www.folia-cut.de/home

[Tim G]

Die Anforderungen wie beschrieben, sind keine One Page.

Ich habe bereits vor der Installation der Erweiterung ein Navigationsmenü mit Dropdown quasi war die Seite eigentlich fertig. Ich möchte nun aber das bei allen Hauptseiten mit Unterseiten folgendes: Die Artikel der Unterseiten sollen nacheinander in die Hauptseite eingebunden werden, sodaß nicht jeweils ein Reload erfolgen soll und ich dann eben durch die Erweiterung von Punkt zu Punkt springen kann.

Die gesamte Seitenstruktur und auch was du hier beschreibst, ist eine normale Seite mit einem Artikelmenü (Contao Modul).
Dieses Menü baut eine Navi mit Ankern zu Artikel-Aliases. Die Artikel packst Du einfach Seite für Seite untereinander in deine Hauptspalte. Fertig.

[Folia-Cut]

Habe jetzt die Artikel aus den Unterseiten in die Hauptseite eingebunden. Anker werden jedoch keine erzeugt. Hab jetzt aber immer noch kein Menü.Das heißt mir nützt das OnePageWebsite Modul in dem Fall gar nichts auch nicht zum springen.

[Tim G]

Das heißt mir nützt das OnePageWebsite Modul in dem Fall gar nichts auch nicht zum springen.

Nein, das ist eine ganz andere Aufgabe hier. Die OnePage ist viel komplexer als nötig. Das wäre mit Kanonen auf Spatzen schießen.
Wenn Du die Anker nicht selbst setzen willst, sollte diese Erweiterung helfen:
https://contao.org/de/extension-list...gation.de.html

[mdoll]

Ich hab es jetzt direkt getestet und mein Template auch auf div umgestellt. Keine Probleme mit der Navi, auch beim scrollen nicht.

var objPages = $$('.mod_onepagewebsiteregular .page');

Hm...

Nochmal Danke für Deine Mühe. Ich guck mir das nochmal genau an. Evtl. habe ich einen Fehler in meinem div-Template...

[mdoll]

Ich hab den 'Fehler' gefunden. Es liegt an meinem Fullpage-Layout. Meine divs, in denen die Inhalte der Seiten in die One-Page-Struktur gepackt werden, gehen über die komplette Bildschirmbreite. Anscheinend kann das JS damit nicht umgehen. Wenn ich divs seitlich begrenze, dann geht es ohne Probleme.
Als Mini-Workaround habe ich dem Wrapper div eine 1px border gegeben. Fällt praktisch nicht auf, und jetzt geht alles.

Nochmal danke für das tolle Modul!

Gruß
Mathias

[Spooky]

Ja, für eine full-width Seite passt die Berechnung beim scroll Event nicht. Als quick-fix (statt dem garstigen CSS fix ) kannst du dir ein eigenes mod_onepagewebsitenavigation Template machen und bei

    var intOffsetX = 0; // move the X break point further left or right 

einen negativen Wert eintragen, statt 0.


Einen Vorschlag für Tim G, wie man stattdessen die JavaScript Berechnung besser machen könnte, sodass man dies nicht machen muss, habe ich derzeit auch nicht (oder er hat das ohnehin so vorgesehen?).


// github issue: https://github.com/timgatzky/onepagewebsite/issues/6

[Tim G]

kommentiert deltaX doch einfach aus. deltaX ist doch nur für Scrolling auf der Abzisse, was man bei immer 100% width eh nicht braucht, oder setzt ne variable für ein:

var layout = 'full-width';
if(layout == 'full-width') {}

Aber eigentlich reicht auskommentieren

[Spooky]

Naja, es wäre prinzipiell besser, wenn dies von Haus aus schon gehen würde, denn sonste müsste man bei jedem Update nachsehen, ob auch etwas an den Templates geändert wurde und dann ggf. abgleichen.

[Tim G]

Naja, es wäre prinzipiell besser, wenn dies von Haus aus schon gehen würde, denn sonste müsste man bei jedem Update nachsehen, ob auch etwas an den Templates geändert wurde und dann ggf. abgleichen.

Halte ich für übertrieben. Dafür sind Templates da. Die Erweiterung benötigt keine zusätzliche Funktion "full width layout", weder im BE noch im Template.

[mdoll]

Wie wäre es mit einem Kommentar im Template?

var intOffsetX = 0; // move the X break point further left or right; for full-width layouts set a negative value (-1) 

Würde doch voll reichen :-)

Gruß
Mathias

[Spooky]

Halte ich für übertrieben. Dafür sind Templates da. Die Erweiterung benötigt keine zusätzliche Funktion "full width layout", weder im BE noch im Template.

Im Template braucht sie das aber, weil der Code eben so nicht allgemein funktioniert. "full width layout" wäre eh die falsche Bezeichnung, dasselbe Problem würde auch bei full height auftreten, wenn man horizontal scrollen möchte. Mehr Sinn macht wahrscheinlich die Angabe der Scroll-Richtung, also vertikal oder horizontal.

[fall2out]

Hi an alle!

Bin den kompletten Tread durchgegangen, und muss auch erst mal DANKE für den sehr umfangreichen Support geben. Gerne würde ich einen Wiki-Eintrag darüber schreiben (da es einfach übersichtlicher für Neulinge wie mich ist), wenn ich es nur irgendwie schaffen könnte, die Extension ans laufen zu kriegen. Habe sämtliche Tipps versucht umzusetzen, nur klappt es leider nicht! Bitte um HILFE!

Anbei ein paar Screenshots, wie alle Module und Seiten angelegt sind!

Zugangsdaten gerne per PN!

Vielen Dank im voraus!

[ciaobello]

Dann guck doch mal da ... https://community.contao.org/de/show...-Kurzanleitung

[fall2out]

Hi, danke für den Hinweis! Aber genau so hab ich es ja angelegt (siehe Anlage). Und ich würde es gerne verstehen bzw. installieren können! Kannst du vielleicht mal einen geschulten Blick drauf werfen?

LG Simon

[Tim G]

Was funzt denn nicht? Aufbau sieht prima aus. Keine Ausgabe?
Haste irgendwas in den Artikeln in den Unterseiten drin?

[fall2out]

Genau so siehts aus, und ich kann mir nicht erklären wieso? Installiert ist die aktuelle Contao Version! Kann es daran liegen?

[Tim G]

Es gibt auch Inhalte anzuzeigen? Im Zweifelsfall immer die Version aus GitHub nehmen. Die ist aktuell.

[fall2out]

Ja klar, zu jeder Seite gibt es Inhalte! Hab jetzt die Github Version genommen und geupdatet! Vielleicht schaust du kurz drauf? Schick dir eben Zugangsdaten per PN!

[ciaobello]

Hi, danke für den Hinweis! Aber genau so hab ich es ja angelegt (siehe Anlage). Und ich würde es gerne verstehen bzw. installieren können! Kannst du vielleicht mal einen geschulten Blick drauf werfen?

LG Simon

Mein Workaround den ich schnell getestet habe:

Tinoos Demo runterladen,

Contao 3.1.1 intallieren

OnePageWebsite Erweiterung installieren
BackupDB Installieren

Tinoos DB importieren (wenn die Erweiterungen installiert sind, geht der Import auch mit install.php)

Läuft.

Contao 3.2.7 ohne /files & /templates über das Contao 3.1.1 installieren. Noch mal Install.php aufrufen und zur Freude BackupDB aktualisieren (Github kennst ja jetzt auch falls OnePageWebsite noch aktualisieren willst).

Funktioniert.
Nun hast eine lauffähige Demo wo Du nachgucken kannst!

Einloggen mit webmaster 12345678 und rumprobieren und testen bis die Finger brennen.

Jetzt anhand der Demo herausfinden wie das ganze funktioniert und ein tolles Wiki schreiben.


Vergiss nicht den Zugang zum Wiki bei Lucina anzumelden (am besten über das Webformular Ihrer Webseite).

[Tim G]

Dank Dir für die Mühe ciaobello,
ich war grad im besagten Backend.
fall2out wird sich bestimmt so schon ne kleine Ohrfeige gegeben nach meiner PN. Aber im normalen Seitenlayout, Standard-Layout, hat er vergessen Artikel als Modul einzubinden. Da wäre nie nen Inhalt gekommen.

[ciaobello]

ich war grad im besagten Backend.

Ich bewundere Deine Geduld ... wir sind bei #305 und nimmst Dir immer noch jeden vor der da was fragt. Sind Deine Nerven aus Stahlseile ?

[Tim G]

Ich bewundere Deine Geduld ... wir sind bei #305 und nimmst Dir immer noch jeden vor der da was fragt. Sind Deine Nerven aus Stahlseile ?

Haha, nachdem ich innerlich zerbrochen bin kam das tiefe Vertrauen in die Erweiterung wieder auf und ich dachte mir... nee, Das Problem befindet sich bestimmt vorm Bildschirm

[fall2out]

Ja, was soll ich sagen? :-) Hab leider wieder von-hinten-durch-die-brust-ins-auge gedacht! So simpel aber doch so wichtig. Wenn du hier in der Nähe wohnen würdest, dann würd ich n Bier spendieren! Also danke danke danke noch mal!

LG Simon

[fall2out]

Danke ciaobello,

werde Lucina bezüglich des Wiki-Zugangs anschreiben und mir die Sache genau anschauen! Melde mich dann in nächster Zeit!

[fall2out]

Hallo an Alle,

ich habe nun einen Wiki-Eintrag für die Extension "OnePageWebsite" geschrieben und hoffe dass dies den Einen oder Anderen helfen wird.

http://de.contaowiki.org/OnePageWebsite

Liebe Grüße Simon

[ciaobello]

Danke!

Im Vorwort habe ich noch tinoo erwähnt der ja die Bespiel-Webseite erstellt hat. Ich habe sie lediglich an Contao 3.2.7 angepasst. Will schließlich nicht mit fremden Federn geschmückt werden .

Auch habe ich den Teil des Demo Zuganges angepasst. Das war ja nur der Workaround mit der Original Demo. Die angepasste Zip-Datei ist zum Dwonload ins Forum verlinkt (Contao 3.2.7).

[fall2out]

Ja das wollte ich auch nicht ;-)
Schön das du es angepasst hast. War aber doch schon viel Arbeit, so ein Wiki-Eintrag :-D Hätte ich nicht gedacht!

[AndreasC]

Hi zunächst vielen Dank für die Arbeit die in dieser Extension steckt und auch für den guten Beitrag im Wiki dazu.
Ich habe laut Wiki nun eine Seite angelegt was einwandfrei funktioniert bisher.
Nun würde ich gerne jedem Link im Menu auch ein eigenes Bild zuweisen wie kann ich das anstellen, ohne im Modul direkt hineinzumüssen um mir dort was umzuschreiben oder ist dies nicht möglich?

Viele Grüße und Danke!

Andreas

[ciaobello]

Nichts ist unmöglich ... CSS!

In den Seiten Einstellungen weißt Du den entsprechenden Seiten eine Klasse zu und formatierst diese mit CSS.

[AndreasC]

Der Wald vor lauter Bäumen mal wieder, danke!
Wie bekomme ich nun noch den title bzw. den Namen der Navigationselemente weg um das ganze nur in Icons dazustellen?

Gruß

[ciaobello]

Der Wald vor lauter Bäumen mal wieder, danke!

Es werden jeden tag zig Bäume gefällt ... wirst sehen ... wird auch im Umgang mit Contao ähnlich sein
Die Lichtung wird immer grösser.

[Thoni]

Die Erweiterung ist super.

Ich habe nur ein Problem - hoffentlich wurde es noch nicht besprochen - ich hatte nichts gefundeen.

Wenn man im Menü klickt, gibt es die Klasse 'active'.
Beim Scrollen fehlt mirdie Möglichkeit, die aktuelle 'page' im Menü zu markieren.

Gibt es dafür eine Lösung?

Gruß
Thoni

[ciaobello]

Mit Ankern ist das immer so ne sache. Ist ja nicht wirklich eine aktive Seit sondern viel mehr ein Bereich. Ohne JS wirst das wohl nicht hinkriegen...

Guck mal z.Bsp. da:
http://www.tutorials.de/javascript-a...ei-anchor.html

[Spooky]

Die Erweiterung ist super.

Ich habe nur ein Problem - hoffentlich wurde es noch nicht besprochen - ich hatte nichts gefundeen.

Wenn man im Menü klickt, gibt es die Klasse 'active'.
Beim Scrollen fehlt mirdie Möglichkeit, die aktuelle 'page' im Menü zu markieren.

Gibt es dafür eine Lösung?

Gruß
Thoni

Verwendest du die aktuelle Version von Github? Da sollte das eigentlich schon von Haus aus funktionieren. mootools musst du allerdings aktivieren.

[Thoni]

Ich habe es über das Backend installiert, nicht Github.