OnePage Layout

**Chris-HH** · 15.02.2015, 11:17

Hallo,

also vorweg, großartige Erweiterung. Habe schon ein wenig rumprobiert und bin begeistert

Aber, ist es möglich auch OnePage Layouts umzusetzen, sprich auch die Navigation hierzu für Anker mit zu nutzen?

Also ähnlich wie bei der Extension für Onepage: https://contao.org/de/extension-list...000009.de.html
War schon am Überlegen ob ich die Templates modifizieren muss/soll. Oder gibt es bereits eine Lösung, oder Vorgehensweise die ich übersehe?

Grüße
Christof

**Pandoran** · 16.02.2015, 08:28

Hallo,
ich habe das so gelöst, dass ich das Modul Artikelliste als Navigation benutzt habe. Zusätzlich habe ich das Script von http://www.elmastudio.de/webdesign/s...en-mit-jquery/ zum rauf- und runtersliden genommen. Zur Zeit kannst Du den Arbeitsstand hier sehen: http://ds.bosa-nova.com. (temporäre URL)
Viele Grüße
Mirco

**webstar** · 16.02.2015, 10:06

Ich nutze auf einer Seite die OnePageWebsite Erweiterung in Kombination mit Contao-Bootstrap. Ich habe lediglich kleine Anpassungen an den OPW Templates gemacht. Läuft einwandfrei.

**baumannsv** · 16.02.2015, 10:08

schau dir mal dieses an. wenn gefallen melden ist nicht schwer

im backend sind alles einzelne Seiten

http://xn--nhmaschinen-erne-vnb.de/

**Chris-HH** · 16.02.2015, 12:00

Zitat von webstar

Ich nutze auf einer Seite die OnePageWebsite Erweiterung in Kombination mit Contao-Bootstrap. Ich habe lediglich kleine Anpassungen an den OPW Templates gemacht. Läuft einwandfrei.

War auch mein Lösungsansatz. Einziges Problem im Testversuch gestern, das trotz der 2 Layouts (mit und ohne Navigation) die Unterseiten mit dem Layout ohne Navi, dennoch eine anzeigten. Zuordnung der Layouts pro Seite war aber eigentlich richtig. Hab aber auch gesehen das der Composer nicht die aktuellste Version des OPW lädt.

Alle anderen Herangehensweisen, gefallen mir aber auch!

@baumannsv: Gefällt mir und wäre über Info zur Umsetzung dankbar.

Grüße
Christof

**webstar** · 16.02.2015, 12:41

Zitat von Chris-HH

War auch mein Lösungsansatz. Einziges Problem im Testversuch gestern, das trotz der 2 Layouts (mit und ohne Navigation) die Unterseiten mit dem Layout ohne Navi, dennoch eine anzeigten. Zuordnung der Layouts pro Seite war aber eigentlich richtig. Hab aber auch gesehen das der Composer nicht die aktuellste Version des OPW lädt.

Alle anderen Herangehensweisen, gefallen mir aber auch!

@baumannsv: Gefällt mir und wäre über Info zur Umsetzung dankbar.

Grüße
Christof

Hm, klingt strange. Ich habe es von den Seitenlayouts so gelöst, dass die Seite mit dem "ONE-PAGE-WEBSITE :: PAGE BUILDER" vom Layouttyp Bootstrap ist, das Layout der Inhaltsseiten ein Standard-Contao-Layout, das nur die Artikel ausgibt.

**Chris-HH** · 18.02.2015, 09:23

Es ist verrückt. Sobald ich in das Standard Layout das OPW Navigationsmodul einbinde, wird es auch in OPW Seiten (OPW Layout nur Artikel = Hauptspalte) angezeigt.
Ich kann natürlich die Navi als Modul-Element im Artikel Startseite (Ebene vor PW Startseite) einbinden. Das ist ja aber nicht im Sinne des Erfinders. Ich frage mich wie es kommt, das die OPW Seiten, trotz eigenem Layout, das nur mit einem Artikel in der Hauptspalte versehen ist, scheinbar die Einstellungen des Standard Layout übernehmen

Okay habe mir im OPW Forenbereich mal das Template geladen und in meiner Contao Version (aktuelle per git) installiert. Gleiches Problem. Es wird in jedem Artikel die Navi angezeigt

**moni** · 20.02.2015, 14:23

hallo Baumannsv,

wie macht man das, dass die Bilder auch so langsam zugehen, wie auf deiner Seite? Dass schaut super aus.

**baumannsv** · 20.02.2015, 14:26

@moni: bilder zugehen??? erläutere

**moni** · 24.02.2015, 04:51

GUTEN MORGEN!

Ich habe ein Problem. Und zwar möchte ich gerne, dass beim Laden der Seite ein Bild zu sehen ist und die Navigationsleiste ziemlich weit unten am Bildschrim sitzt. Wenn aber dann ein Navigationspunkt angeklickt wird, soll das Bild zugehen und die Navi sich am oberen Rand andocken. Ich checks einfach nicht.

Wäre für einen Input wirklich sehr dankbar.

Ich wünsch dir einen schönen Tag.

Moni

**baumannsv** · 24.02.2015, 06:26

@Moni:

Du musst die Elemente (Bild, Navigation) mit position fixieren.
Die A Tags in der Navigation musst du an das Klick Event mit Javascript binden.
Dann kannst wenn ein A Tag anklickt wird anschliessend das Bild animieren und der Navigation eine neue Position geben.

MfG Sven

**moni** · 01.03.2015, 04:05

Vielen Dank! Werde ich heute gleich ausprobieren.

schönen Sonntag.

LG
moni

**Chris-HH** · 04.03.2015, 14:03

So habe nun das kleine, quasi Testprojekt abgeschlossen. Nochmal vielen Dank an alle und Ihre Hilfestellungen (okay einige waren im OnePageWebsite Modul Forum), aber vor allem an den/die Entwickler. Großartige Erweiterung! Hochachtung. Nun folgt ein größeres Projekt auf gleicher Basis, also Contao und Bootstrap. Der Donate Button ist hiermit Sicher

Einziges kleines Problem hatte ich mit "navbar-fixed-top". Die Navigation wird bei Vergabe der Klassse, nicht mehr zentriert dargestellt. Habe unter Templates im Backend, hierzu die mod_navbar.html5 angelegt und um einen DIV mit der Klasse .container ergänzt, um den Navbar-Inhalt zu zentrieren. Was aber wohl daran liegt, das ich die Navigation des OPW Moduls in der Bootstrap-Navi eingebunden habe und somit der Container fehlte. Sollte nochmal jemand drüber stolpern, dachte ich, kann ich es nochmal erwähnen.

Also Danke und Gruß
Christof

**webstar** · 05.03.2015, 10:30

Zitat von Chris-HH

Einziges kleines Problem hatte ich mit "navbar-fixed-top". Die Navigation wird bei Vergabe der Klassse, nicht mehr zentriert dargestellt. Habe unter Templates im Backend, hierzu die mod_navbar.html5 angelegt und um einen DIV mit der Klasse .container ergänzt, um den Navbar-Inhalt zu zentrieren. Was aber wohl daran liegt, das ich die Navigation des OPW Moduls in der Bootstrap-Navi eingebunden habe und somit der Container fehlte. Sollte nochmal jemand drüber stolpern, dachte ich, kann ich es nochmal erwähnen.

Dafür gibt es extra ein eigenes Template mod_navbar_container. ;-)

**Chris-HH** · 05.03.2015, 11:30

Zitat von webstar

Dafür gibt es extra ein eigenes Template mod_navbar_container. ;-)

damn it

**Chris-HH** · 11.03.2015, 09:52

Jetzt habe ich doch noch eine Frage. Ich würde gerne die Navbar rechts zum Brand positionieren. Also durch die Klasse: navbar-right. Das müsste ja in der UL der Navbar ergänzt werden <ul class="level_1 nav navbar-nav navbar-right">.

In welchem Template finde ich die UL, oder kann ich das auch über die Einstellungen regeln?

**webstar** · 11.03.2015, 10:48

Zitat von Chris-HH

Jetzt habe ich doch noch eine Frage. Ich würde gerne die Navbar rechts zum Brand positionieren. Also durch die Klasse: navbar-right. Das müsste ja in der UL der Navbar ergänzt werden <ul class="level_1 nav navbar-nav navbar-right">.

In welchem Template finde ich die UL, oder kann ich das auch über die Einstellungen regeln?

Dafür gibt es bei den Modulen, in in die Navbar gelegt werden die Möglichkeit die Ausrichtung festzulegen. Es wird dabei zwar nicht in der UL der Eintrag gemacht, sondern ein extra Div erstellt, funktioniert aber genauso gut. Du kannst natürlich auch das nav_* Template anpassen.

**Chris-HH** · 11.03.2015, 13:32

Zitat von webstar

Dafür gibt es bei den Modulen, in in die Navbar gelegt werden die Möglichkeit die Ausrichtung festzulegen. ...funktioniert aber genauso gut....

Stimmt das tut es. Danke!

**Chris-HH** · 30.03.2015, 09:35

Hello,

ich habe nochmal eine Frage. OPW vergiebt als ID immer die Seiten(Page)ID. Also bei mir als Beispiel wie folgt:

PHP-Code:


<section id="page6" class="page page_1 odd">

Ich würde aber lieber z.B. den Alias ausgeben wollen. Also:

PHP-Code:


<section id="about-us" class="page page_1 odd">

Das ganze wird im Template ja mittels der "cssId" ausgeslen und generiert:

PHP-Code:


<section <?php echo $page['cssId']; ?> class="<?php echo $page['class']; ?>">

.
Kann man das auch gegen, z.b.: page::alias wechseln? habe es schon versucht aber ohne Erfolg

Das ganze wird ja in den PHP Dateien des Moduls gelöst. Habe es erstmal mit Klassen gelöst. Also innerhalb der Seitenstruktur und per CSS dann mit:

Code:

section .klassenname

Also nicht notwendig, aber mit Alias als ID doch schöner als mit den PAGE-IDs...

**bongartz120** · 25.10.2015, 19:36

Hallo,

ich versuche gerade auch One Website Page und Contao Bootstrope zusammen zu bekommen, aber ich komme gedanklich einfach nicht über den Punkt mit den Menübars.

OWP hat ja eine eigene Navigation und Bootstrap auch. Wie mache ich das jetzt das ich beide Funktionen nutzen kann?

Stehe gerade leider echt extrem auf dem Schlauch.

Vielen Dank

**tofo** · 09.01.2016, 08:22

Zitat von Pandoran

Hallo,
ich habe das so gelöst, dass ich das Modul Artikelliste als Navigation benutzt habe. Zusätzlich habe ich das Script von http://www.elmastudio.de/webdesign/s...en-mit-jquery/ zum rauf- und runtersliden genommen. Zur Zeit kannst Du den Arbeitsstand hier sehen: http://ds.bosa-nova.com. (temporäre URL)
Viele Grüße
Mirco

Mich würde interessieren, wie Du das gelöst hast, Pandoran. Mir fehlt da im Moment ein wenig die Fantasie, nachdem ja für die Artikelnavigation nur die Teasertexte verwendet werden ...

Gruß, Thomas

**Samuell** · 09.01.2016, 09:41

Zitat von bongartz120

Hallo,

OWP hat ja eine eigene Navigation und Bootstrap auch. Wie mache ich das jetzt das ich beide Funktionen nutzen kann?

@bongartz120 Du wirst das Templategerüst so anpassen müssen, dass das HTML/PHP hinterher die Bedürfnisse beider Navigationen abdeckt.
Also wohl die Funktion von OWP und das HTML von Bootstrap.