Die toujou-Elementbibliothek
Widgets
In toujou finden Sie vorkonfigurierte Widgets mit den notwendigen Freiheiten dort, wo Sie diese brauchen. Ihnen stehen komplexe Formulare, manuell oder automatisierte Produktpräsentationen sowie frei kombinierbare HTML-Elemente zur Verfügung.
Das Element Insert Record dient dazu, Datensätze zu referenzieren und kann daher nicht mittels Vorschau dargestellt werden. Hier geht es direkt zum Tutorial für die Erstellung dieses Elements:
Cookie consent configuration | Previous/Next Page Navigation | Forms | Social Media Bar | Event Teaser List | Location Finder | Code Block | Counter | HTML
Gebrauchsanweisung
Auf dieser Seite finden Sie die in toujou verfügbaren Widgets. Um nicht mit echten Inhalten verwechselt zu werden, verwenden wir in der Bibliothek Blindtext.
Zur detaillierten Nutzungsanleitung gelangen Sie über die rechts unter dem jeweiligen Element platzierten
Alle Widget-Elemente im Überblick
Cookie consent configuration element
Previous/Next Page Navigation
Mailform
Social Media Bar
Location finder
Code Block
const test = "This is a variable";
function add (a,b) {
return a + b;
}
javascript
Counter
Beispielansicht ohne Präfix und Suffix, mit Primary Design
Beispielansicht mit Präfix, mit Inverted Design
Beispielansicht mit Präfix, Suffix und Secondary Design
Timeline
2018
Launch von toujou
Im Jahr 2018 wurde der TYPO3 Website-Baukasten offiziell gelauncht.
2020
Neue Features
Nicht nur 2020, aber auch in diesem Jahr wurden neue Features für toujou freigeschaltet. Ein Beispiel: Das Event-Modul, mit dem sich Veranstaltungen anteasern lassen.
Events in toujou2022
Mehr Flexibilität
In diesem Jahr sollte der Website-Baukasten seine Flexibilität vorführen, indem nicht nur die inkludierten Elemente und Features, sondern auch Systemintegrationen mit toujou ermöglicht wurden.
Systemintegrationen2024
Release Timeline Element
Im Jahr 2024 wurde Timeline als eines von 150+ toujou-Elementen für alle toujou-Kunden und -Anwenderinnen zugänglich.
Alle HTML-Elemente in der Übersicht
| HTML Plain HTML Code in grid width |
| HTML full-width Plain HTML Code in full page width |
| HTML with Text (left, 33%) HTML width: 33%, Text width: 67% |
| HTML with Text (right, 33%) HTML width: 33%, Text width: 67% |
| HTML with Text (left, 50%) HTML width: 50%, Text width: 50% |
| HTML with Text (right, 50%) HTML width: 50%, Text width: 50% |
| HTML with Text (left, 67%) HTML width: 67%, Text width: 33% |
| HTML with Text (right, 67%) HTML width: 67%, Text width: 33% |
| HTML with Multicolumn Text left Three equal-width columns, HTML in first column |
| HTML with Multicolumn Text right Three equal-width columns, HTML in last column |