The toujou element library
Widgets
With toujou you will find preconfigured widgets with the necessary freedom where you need it. You have access to complex forms, manual or automated product presentations, and freely combinable HTML elements.
Header: Headercontent Element | Header media 3:1
Other widgets: Product Grid | Previous/Next Page Navigation | Forms | Social Media | Event Teaser List | Location finder | Code block | HTML
Manual
On this page you will find all the widget elements available in toujou. We’ve used dummy text in the library to prevent confusion.
For detailed instructions, click on the buttons located below every sample element to get to the element description.
toujou widget elements
Headercontent element
Header media element 3:1 ratio
Product grid
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
All HTML elements
In order to be completly free, with toujou you also have the possibility to create your own HTML elements. There are multiple sizes of plain HTML or combinations with text.
| 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 |
toujou element library
Text elements ❯
Teaser elements ❯
Blockquotes ❯
Teaser cards ❯
Media elements ❯
Map elements ❯
Blog elements ❯