toujou
+49 911 23980-870

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:

Insert Record ❯

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

Schaltflächen ❯


Alle Widget-Elemente im Überblick

Headercontent Element/Slider


Header-Media Element 3:1/Slider


Product Grid


Cookie consent configuration element

Bitte speichern Sie Ihre Datenschutzeinstellungen zunächst im Dialogfenster.

Previous/Next Page Navigation


Mailform

Schreiben Sie uns!


Social Media Bar

Beispiel-Headline



Location finder

Um externe Karten-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung.

Weitere Informationen finden Sie in unserer Datenschutzerklärung.


Code Block

    const test = "This is a variable";

function add (a,b) {
	return a + b;
	}
    
        javascript
    

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