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.
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...
Ach, dann nimm doch ein ganz normal die li Elemente und im Css setzte die auf display:block . Sieht genauso aus :)
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');
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
Die Anforderungen wie beschrieben, sind keine One Page.
Die gesamte Seitenstruktur und auch was du hier beschreibst, ist eine normale Seite mit einem Artikelmenü (Contao Modul).Zitat:
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.
Dieses Menü baut eine Navi mit Ankern zu Artikel-Aliases. Die Artikel packst Du einfach Seite für Seite untereinander in deine Hauptspalte. Fertig.
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.
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.Zitat:
Das heißt mir nützt das OnePageWebsite Modul in dem Fall gar nichts auch nicht zum springen.
Wenn Du die Anker nicht selbst setzen willst, sollte diese Erweiterung helfen:
https://contao.org/de/extension-list...gation.de.html
Hm...Zitat:
Zitat von Tim G
Nochmal Danke für Deine Mühe. Ich guck mir das nochmal genau an. Evtl. habe ich einen Fehler in meinem div-Template...
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
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 beieinen negativen Wert eintragen, statt 0.PHP-Code:var intOffsetX = 0; // move the X break point further left or right
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
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 :)
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.Zitat:
Zitat von Spooky
Wie wäre es mit einem Kommentar im Template?
Würde doch voll reichen :-)PHP-Code:var intOffsetX = 0; // move the X break point further left or right; for full-width layouts set a negative value (-1)
Gruß
Mathias
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.Zitat:
Zitat von Tim G
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!
Dann guck doch mal da ... https://community.contao.org/de/show...-Kurzanleitung
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
Was funzt denn nicht? Aufbau sieht prima aus. Keine Ausgabe?
Haste irgendwas in den Artikeln in den Unterseiten drin?
Genau so siehts aus, und ich kann mir nicht erklären wieso? Installiert ist die aktuelle Contao Version! Kann es daran liegen?
Es gibt auch Inhalte anzuzeigen? Im Zweifelsfall immer die Version aus GitHub nehmen. Die ist aktuell.
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!
Zitat:
Zitat von fall2out
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).
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. :)
Ich bewundere Deine Geduld ... wir sind bei #305 und nimmst Dir immer noch jeden vor der da was fragt. Sind Deine Nerven aus Stahlseile :D?Zitat:
ich war grad im besagten Backend. :)
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 :DZitat:
Zitat von ciaobello
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
Danke ciaobello,
werde Lucina bezüglich des Wiki-Zugangs anschreiben und mir die Sache genau anschauen! Melde mich dann in nächster Zeit!
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
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).
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!
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
Nichts ist unmöglich ... CSS! :D
In den Seiten Einstellungen weißt Du den entsprechenden Seiten eine Klasse zu und formatierst diese mit CSS.
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ß
Es werden jeden tag zig Bäume gefällt ... wirst sehen ... wird auch im Umgang mit Contao ähnlich sein ;)Zitat:
Zitat von AndreasC
Die Lichtung wird immer grösser.
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
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
Verwendest du die aktuelle Version von Github? Da sollte das eigentlich schon von Haus aus funktionieren. mootools musst du allerdings aktivieren.Zitat:
Zitat von Thoni
Ich habe es über das Backend installiert, nicht Github.
Hi ich nochmal,
hab mein Glück mal probiert um den Text der Links in der Liste aus der Pagnition zu entfernen,
finde mich aber in den Dateien nicht so gut zurecht, hat da jemand einen Tip für mich?
Grüße und nettes We
MitZitat:
Zitat von AndreasC
kannst du alternativ auch den Text per CSS ausblenden lassen.PHP-Code:.mod_onepagewebsitenavigation > ul > li > a {
display:block;
text-indent:100%;
overflow:hidden;
white-space:nowrap;
}
Vielen Dank!
Hallo Zusammen
Ich bin an einer Website und arbeite dort mit dem Onepage (aktuelle Version aus GitHub). Jetzt habe ich das Problem, dass mir das MooTool in mein jQuery (das brauche ich für eine Funktion in einer Tabelle) funkt und es ausser Gefecht setzt. Irgendwo habe ich hier gelesen, dass man das Mootool der OnePage auf jQuery umschreiben kann. Kann mir jemand genau erklären, was ich wo ändern muss oder hätte mir jemand eine Vorlage? So hätte ich nur noch jQuery und könnte das MooTool ausschalten.
Ich wäre sehr dankbar!
Liebe Grüsse
Eva
Mootools und jQuery können parallel existieren. Im Seitenlayout kannst du auch beides hinzufügen. Was man ergänzen sollte wäre im <head>Zitat:
Zitat von Eva
<script>$.noConflict();</script>
bzw. <script>jQuery.noConflict();</script>
Hallo Tim
Vielen Dank für Deinen Tipp. Ich habe es soeben ausprobiert und leider funktioniert es nicht. Die Tabelle funktioniert nur, wenn ich MooTools deaktiviere. Dann geht aber das OnePage nicht mehr richtig. Ich habe den Code nochmals angeschaut und es ist nur Javascript, kein jQuery. Ich habe zur Sicherheit noch MooTools und jQuery ausgeschaltet und dann funktioniert der Code wunderbar. Mit eingeschaltetem jQuery funktioniert er auch, nur in Kombination mit MooTools nicht.
An was kann das liegen?
Liebe Grüsse
Eva
Problem gelöst :)
Liebe Grüsse
Eva
Kannst du schreiben, was du gemacht hast?Zitat:
Zitat von Eva
Danke
@ Thoni: Ich hatte im Javascript aus Versehen show und hide benutzt, welches dann bei MooTools Befehle ausgelöst hat..... habe die Bezeichnungen ausgetauscht und gut war :D
Liebe Grüsse
Eva
Sorry, hab die Frage ausversehen überschrieben. Ich vergesse immer, dass ich hier Moderationsrechte habe.
Poste Deine Frage bitte nochmal, damit andere diese noch sehen.
Was spricht gegen eine Interne Weiterleitung?
Seite 5 als Interne Weiterleitung auf Deine Formularseite, die irgendwo ausserhalb der OPW liegt.
Hi Tim,
kein Problem. Wollte nur wissen, wie ich eine Seite im OP-Layout ausblenden kann ohne den Menüpunkt zu verlieren bzw. auf eine entsprechende Seite außerhalb der OP-Layouts leiten kann.
Die interne Weiterleitung hatte ich schon versucht, zumindest so wie ich sie kenne:
In der Seitenstruktur unter OP die umzuleitende Seite gewählt, dann auf interne Weiterleitung gestellt und dann als Weiterleitungsseite, die Seite außerhalb vom OP-Layout gewählt unter der der Inhalt zu finden ist.
Das Menü war damit ok, Inhalt hat man nicht gesehen, so wie gewollt, aber bei einem Klick auf den Menüpunkt passiert leider nichts. Der zeigt mir in der Statusleiste "domain.com/#page15" an, also den Anker. Sollte da nicht der entsprechende Link stehen?
Hab ich noch etwas vergessen?
Gruß
Vianon
In den Seiteneintellungen gibt es auch den Punkt: Seite in OPW verstecken.
Das Menü handelt Deine Seite weiterhin als Element der OPW, weil es halt die OPW Navi ist, die ist halt so.
Im Navi Temple könnte man direkt die Seite per Id ansprechen und den Link umschreiben. Wäre ne Möglichkeit
Sent from my iPhone using Tapatalk
Ok, Danke. Habs mal versucht abzuändern aber Javascript ist irgendwie nicht so meins.
Hätte hier jemand eine Idee wie ich das Template anpassen müsste um einen der Anker der OP-Navi in einen normalen Link bzw. internen Link per ID umwandle?
Nicht im JS, im Contao Navi Template
Hier als Beispiel das nav_default.
Wenn die Seite, ID=10 abgearbeitet wird, wird der Link auf contao.org umgeschrieben.
PHP-Code:<ul class="<?php echo $this->level; ?>">
<?php foreach ($this->items as $item): ?>
<?php
if($item['id'] == 10)
{
$item['href'] = 'http://www.contao.org';
}
?>
<?php if ($item['isActive']): ?>
<li class="<?php echo $item['class']; ?>"><span class="<?php echo $item['class']; ?>"><?php echo $item['link']; ?></span><?php echo $item['subitems']; ?></li>
<?php else: ?>
<li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
Da hatte ich wohl einen kleinen Denkfehler^^
Ich danke dir recht herzlich. Habs nun angepasst und es klappt wie gewollt.
Hallo,
ich hab' einen Fehler - oder vielmehr ein Problem - mit der Navigation:
Sobald ich den Artikel (div.mod_article), in dem sich das OPW-Modul (div.mod_onepagewebsiteregular) befindet, auf eine Breite von 100% setze, dann wird in der Navigation immer nur der letzte Eintrag als "active" gesetzt.
Mein CSS macht einfach folgendes:HTML-Code:<div id="container">
<div id="main">
<div class="inside">
<div id="leistungen">
<div class="mod_article first last block">
<!-- indexer::stop -->
<div class="mod_onepagewebsiteregular block">
Deaktiviere ich die CSS-Anweisung, so dass der Artikel wieder eine Standard-Breite von 960 px bekommt, dann wird die Klasse "active" in der OP-Navigation wieder korrekt vergeben (beim Klicken und Scrollen).HTML-Code:body.leistungen #main > div.inside > div > div.mod_article {
width: 100%;
margin-right: 0;
margin-left: 0;
}
Wie kann ich das Problem lösen? Hat jemand eine Idee?
Vielen Dank schonmal,
Andreas
Ich rate einfach mal :)
Kommentiere den Bereich im Javascript aus, der für die horizontale Berechnung beim Scrollen verantwortlich ist im mod_onepagenavigation Template.
Etwas ähnliches oder gleichen hatten wir hier mal. Find's grad nicht.
Da kann ich mich auch vage dran erinnern. Ich werd' mal danach suchen und dann berichten ...Zitat:
Zitat von Tim G
Danke, Tim!
Gruß,
Andreas
Ok, der Tipp mit der horizontalen Berechnung war der Richtige! Hätte ich nur mal die Postings genauer gelesen. :o
Spooky hatte auch schon die Lösung geposted. Ich habe daraufhin anstatt "0" einen negativen Wert eingetragen, und nun passt alles.
Vielen Dank!Code:var intOffsetX = -2; // move the X break point further left or right
hi tim,
kompliment zu deinem coolen modul! :)
ich hätte eine frage an dich bezügl. responsive website:
ich verwende gerne die erweiterung mobile_extended, da ich mit dieser, artikel bzw. teile eines artikel, für die mobile version ausblenden kann.
ich habe eine onepagewebsite laut deiner beschreibung und mit deinem modul angelegt und wollte sie mit dem modul mobile_extended für mobile versionen tauglich machen.
es funktioniert nicht.
mache ich etwas falsch oder habe ich einen denkfehler?
lieben gruß
chinagirl
Hi tim,
vielen Dank für das tolle Plugin.
Nun ist es so, das wenn ich die erstellte Webseite über Google suche, mir auch die einzelnen Unterseiten angezeigt werden,
nur diese leider ohne CSS, JS etc. da ja alles im Layout Standartstruktur eingebunden wurde.
Kann ich diese Links irgendwie "verstecken" vor Google?
Grüße
AndreasC
Einstellungen der Seite > Noindex, nofollow
Nur wird dann die gesamte Seite nicht mehr gelistet vermutlich?
Grüße
Nur für die Unterseiten der OnePage.
Danke, probier ich mal, mal sehen wie die Ergebnisse in ein paar Tagen aussehen.
Viele Grüße
Moin Moin,
mir gelingt es leider nicht das der Slider bzw. das Hintergrundbild genau mit der Browserkante abschließt.
Hat da jemand eine Idee?
Gruß
Boomroot
schöne Seite! Scrollen ist aber etwas problematisch (Opera 12.17) - Zutaten wird nicht angesprungen wenn ich bei INSPIRATION bin. Ich glaube der oder die Anker ist/sind falsch gesetzt?Zitat:
Zitat von Tim G
Ist die Überschrift z.B. von BERUFUNG zu sehen, springt er nicht zum Inhalt. Das finde ich nicht gut weil ich dann noch manuell Scrollen muß.
Was ist Opera? :p
Die Seite ist komplett überarbeitet in einer noch gesicherten Installation für 3.2. Die aktuelle ist Auslaufmodel.
Ist das mittlerweile einfacher zu lösen? Ich verstehe so gut wie nichts davon was du hier erklärst.Zitat:
Zitat von Tim G
Ich würde das mit einem Kontaktformular gerne so machen:
schickt man das Formular ab, öffnet sich ein Lightboxfenster mit der Bestätigungsseite oder eben ein Artikel.
Habe Leider keine JS/PHP Kenntnisse
Hallo in die Runde,
erst mal möchte ich mich anschließen und für die tolle Erweiterung bedanken.
Dahingehend habe ich auch alles zum Laufen gebracht, nun ergibt sich aber ein Konflikt mit Mootools und jQuery bzw. dem Filter isotope.
Es funktioniert entweder das eine oder das andere. Die Scriptzeile zur Konfliktlösung zwischen den beiden Bibliotheken, die weiter oben gepostet wurde, schafft leider auch keine Abhilfe.
Hat jemand eine Idee?
zur Testseite
Der Filter befindet sich im Bereich Portfolio.
Vielen Dank und schönes Wochenende an alle :)