Verwendung: Newsletter-Anmeldung in Feature-Box integrieren
Produkt: Tao Contao
Liebes Rocksolid-Team,
bisher habe ich für die Newsletter-Anmeldung eine eigene Seite (https://www.distinctravel.de/newsletter), auf die ich von der Startseite verlinke.
Lieber wäre es mir, wenn sich Kunden direkt auf der Startseite für den Erhalt eintragen könnten. Das sollte dann jedoch innerhalb der von rechts hereinrutschenden Feature-Box möglich sein (siehe https://www.distinctravel.de/start, lila Modul über Google-Maps-Modul). Gibt es dafür einen Trick?
Vielen Dank!
Jens Reichel
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
Support Staff 1 Posted by RockSolid Theme... on 07 Jan, 2021 09:39 AM
Vielen Dank für Ihre Frage.
Sie können ein Frontend-Modul vom Typ „Newsletter-Abonnieren“ erstellen und es als Inhaltselement vom Typ „Modul“ in die Seite einbinden.
Für den Animations-Effekt stellen Sie als CSS-Klasse für das Modul bitte
is-animated does-repeat
ein und fügen folgenden CSS-Code in die Datei files/tao/css/custom.css ein:2 Posted by Jens Reichel - ... on 07 Jan, 2021 11:53 AM
Das waren super Tipps, vielen Dank!
Zwei Fragen noch:
Auf mobilen Geräten sind das Feld für die E-Mail-Adresse und der Abonnieren-Button versetzt, das sieht unschön aus (https://www.distinctravel.de/newsletter). Lässt sich das verbessern, z. B. indem das Modul zentriert ausgerichtet wird?
Idealerweise würde der Text über dem Anmeldemodul ebenfalls von rechts nach links sliden. Kann ich beiden Bereichen denselben Effekt zuweisen, sodass sie gemeinsam "hereinrutschen"?
Nochmals danke!
Jens Reichel
Support Staff 3 Posted by RockSolid Theme... on 07 Jan, 2021 01:11 PM
Der Button lässt sich mit folgendem CSS-Code zentrieren:
In diesem Fall vergeben Sie die CSS-Klassen
is-animated does-repeat
bitte dem „Zentrierter Bereich Anfang“-Element anstatt dem Newsletter Modul und verwenden folgenden CSS-Code:Damit wird der gesamte Inhalt des zentrierten Bereichs animiert.