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:
Header: Headercontent Element/Slider | Image-Header 3:1/Slider
Weitere Widgets: Product Grid | Cookie consent configuration | Previous/Next Page Navigation | Forms | Social Media Bar | Event Teaser List | Location Finder | Code Block | 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
Headercontent Element/Slider
Header-Media Element 3:1/Slider
Product Grid
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
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 |