Verwendung: Module "Fixed Note" in Webseite einbauen

Andreas's Avatar

Andreas

03 Dec, 2019 12:24 PM

Produkt: Oneo Contao
Contao-Version: 4.8
Browser und Browserversionen: Google Chrome 78.0

Guten Tag
Ich wollte fragen wie das Module "Fixed Note" eigebaut werden kann.

  1. Support Staff 1 Posted by RockSolid Theme... on 03 Dec, 2019 12:50 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Im Layout „2-Columns“ ist das Modul bereits eingebunden. In anderen Layouts können Sie das Modul als erstes Element in der Kopfzeile platzieren über die Layouteinstellung „Eingebundene Module“.

  2. 2 Posted by Andreas Zaugg on 03 Dec, 2019 02:09 PM

    Andreas Zaugg's Avatar

    Vielen Dank für Ihre Antwort

    Ich habe jetzt das Modul auf der Testseite beim neuen Anbieter eingebunden:
    http://stswind.com.185-178-193-233.161.hosttech.eu/

    Jetzt wird das Menu auf der Startseite überdeckt, ideal wäre wenn das Menu hochspring, wie Fusskopf. Wir planen diese Modul wegen der EU Richtlinie einzubauen.

    Freundliche Grüsse
    Andreas Zaugg

  3. Support Staff 3 Posted by RockSolid Theme... on 03 Dec, 2019 03:45 PM

    RockSolid Themes's Avatar

    Um die Navigation nach oben zu schieben können Sie folgenden CSS-Code in die Datei files/oneo/css/custom.css einfügen:

    @media screen and (min-height: 600px) and (min-width: 901px) {
        .fixed-note ~ div > .main-slider {
            height: calc(100vh - 3.86667em - 5.4em);
        }
    }
    
  4. 4 Posted by Andreas Zaugg on 07 Dec, 2019 03:09 PM

    Andreas Zaugg's Avatar

    Guten Tag

    Besten Dank für Ihr Mail. Diese funktioniert grundsätzlich.

    Ich hätte aber gerne eine Lösung die wie bei der folgenden Webseite beim Bestätigen verschwinden:
    https://de.skiinfo.ch/schweiz/offene-skigebiete.html

    Gibt es eine Blog oder ähnliches zu dieser Technik?

    Beste Grüsse
    Andreas Zaugg

  5. Support Staff 5 Posted by RockSolid Theme... on 09 Dec, 2019 06:25 AM

    RockSolid Themes's Avatar

    Der gewünschte Effekt ließe sich mit folgendem CSS-Code umsetzen:

    @media screen and (min-height: 600px) and (min-width: 901px) {
        .fixed-note:not([style*=display]) ~ div > .main-slider {
            height: calc(100vh - 3.86667em - 5.4em);
        }
    }
    

    Allerdings könnte das dazu führen, dass der Slider sich nicht automatisch an die neue Höhe anpasst. Um das zu erreichen müsste das Script des Fixed-Node-Moduls in templates/oneo/rsce_oneo_fixed_note.html5 angepasst werden.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac