Components· Content and archives
Content and archives
News and blog, people, projects, documents, collections, listings and open jobs.
12 components
The examples work in test mode: nothing is saved to a real site, no messages are sent and payments are test payments.
Blog archive
Section blogArchive
News and blog: posts as cards, a list or featured, with pictures and dates.
Styles (6)
Pick a style and the example above switches to it. The content stays the same; only the look changes.
Settings (17)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Blogi |
Limit limit | Number | 12 |
Paging paging | Choice | – |
Text when the list is empty emptyText | Long text | – |
Link text under an empty list emptyLinkLabel | Text | – |
Link address under an empty list emptyLinkUrl | Link | – |
Show category showCategory | On / off | – |
Categories shown categories | List categories | – |
Visitors can filter by topic categoryLinks | On / off | – |
See all link address allUrl | Link | – |
Link text allLabel | Text | – |
Link position allPlacement | Choice | – |
Only a group's news group | Group | – |
Layout layout | Choice | – |
Card effect on hover cardHover | Choice | – |
Design design | Choice | – |
Highlight on hover cardHighlight | Choice | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 34 templates
All 34 templates
- Personal trainer
- Sports club
- League team
- Team sports club
- Individual sports club
- Association
- Election candidate
- Driving school
- Car rental
- Athlete
- Author
- Outdoor club
- Literary society and classic
- Course centre and training company
- Piano school and music lessons
- Music and dance school
- Musician and band
- Influencer and content creator
- League or series
- Photographer
- Consultant and coach
- Expert firm
- Design office
- Advertising and communications agency
- Law firm
- Software house and consulting
- IT support for small businesses
- Accounting firm
- Housing company
- Foundation
- Manufacturer and wholesaler
- Card and payment app
- Climbing gym (A)
- Climbing gym (B)
Team archive
Section teamArchive
A people archive: everyone with a page of their own, e.g. experts or coaches.
Settings (9)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Tiimi |
Limit limit | Number | 24 |
Paging paging | Choice | – |
Text when the list is empty emptyText | Long text | – |
Link text under an empty list emptyLinkLabel | Text | – |
Link address under an empty list emptyLinkUrl | Link | – |
See all link address allUrl | Link | – |
Link text allLabel | Text | – |
Link position allPlacement | Choice | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Projects
Section projectArchive
Projects: references or works as picture cards, filterable by service.
Settings (13)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Projektit |
Layout layout | Choice | Cards |
Limit limit | Number | 24 |
Paging paging | Choice | – |
Topic buttons by type filter | On / off | – |
Text when the list is empty emptyText | Long text | – |
Link text under an empty list emptyLinkLabel | Text | – |
Link address under an empty list emptyLinkUrl | Link | – |
Categories shown categories | List categories | – |
See all link address allUrl | Link | – |
Link text allLabel | Text | – |
Link position allPlacement | Choice | – |
Highlight on hover cardHighlight | Choice | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 3 templates
Next project
Section projectNext
Next project: at the end of a project page, a link to the next work with its picture.
Settings (3)
| Setting | Edited as | Default |
|---|---|---|
Label label | Text | – |
Show the next project's image showImage | On / off | true |
All projects page allUrl | Link | – |
Accessibility
Navigation is a named landmark, the current page is marked with aria-current, the menu button has a state (aria-expanded) and a skip link leads to the content. Everything works with a keyboard and on a 390 px screen without sideways scrolling.
Used in 3 templates
Documents
Section documentArchive
Documents: minutes, rules and guides by category, as downloadable files.
Settings (10)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Asiakirjat |
Introduction intro | Formatted text | – |
Category category | Document category | – |
Grouping groupBy | Choice | By year |
Show the category and year filter showFilters | On / off | true |
Restricted documents restricted | Choice | Say how many and offer to sign in |
Items per page perPage | Number | – |
Text when the list is empty emptyText | Long text | – |
Link text under an empty list emptyLinkLabel | Text | – |
Link address under an empty list emptyLinkUrl | Link | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 10 templates
Housing company contacts
Section housingContacts
Housing company contacts: property manager, maintenance and its on-call number, and 112, the same as on the stairwell display.
Settings (2)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Yhteystiedot |
Introduction intro | Formatted text | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Collection (teams, board, sponsors …)
Section collectionList
A collection: the site's own list (teams, board, sponsors, products) as cards or a table.
Settings (14)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | – |
Introduction intro | Formatted text | – |
Collection collection | Collection | – |
Layout layout | Choice | – |
Show a filter filter | On / off | false |
Show a search form search | On / off | – |
Show only only | Text | – |
Order sort | Choice | Own order |
Limit limit | Number | – |
Items per page perPage | Number | – |
Paging paging | Choice | – |
Text when the list is empty emptyText | Long text | – |
Link text under an empty list emptyLinkLabel | Text | – |
Link address under an empty list emptyLinkUrl | Link | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 3 templates
Properties: list
Section listingList
Listings: properties for sale or rent as cards with prices and details.
Settings (7)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Myytävät kohteet |
Introduction intro | Formatted text | – |
Properties to show show | Choice | For sale |
Featured properties only featuredOnly | On / off | – |
Show the property search search | On / off | false |
Show layout | Choice | – |
Limit limit | Number | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 1 templates
Properties: search
Section Try it listingSearch
A listing search: type, location and price filter the listings.
Settings (3)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Etsi kotia |
Introduction intro | Formatted text | – |
Search page target | Link | /kohteet |
Accessibility
Every field has a visible label, a required field says so in text, errors are announced and lead to the field, and autocomplete fills in familiar details. Touch targets are at least 44 px.
Used in 1 templates
Open jobs
Section jobList
Open jobs: positions, application period and an application link.
Settings (4)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Avoimet työpaikat |
Introduction intro | Formatted text | – |
Show the open application link showOpenApplication | On / off | true |
Limit limit | Number | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 9 templates
Portal links (Etuovi, Oikotie)
Section portalLinks
Portal links: buttons to the same listing on Etuovi, Oikotie or another portal.
Settings (5)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Kohteemme Etuovessa ja Oikotiellä |
Introduction intro | Formatted text | – |
Company page on Etuovi etuoviUrl | Link | – |
Company page on Oikotie oikotieUrl | Link | – |
Company page on Vuokraovi vuokraoviUrl | Link | – |
Accessibility
Navigation is a named landmark, the current page is marked with aria-current, the menu button has a state (aria-expanded) and a skip link leads to the content. Everything works with a keyboard and on a 390 px screen without sideways scrolling.
Used in 1 templates
Sisältösivu
Section contentPage
The content page holder: the page of a news item, a blog post or a person.
No live example: the section draws a news item's, post's or person's page from the platform's data. News can be seen in any template's preview.
Accessibility
Headings follow the page's heading levels, an image's alternative text is given in the editor, and colours come from the theme's values, whose contrast is checked to WCAG AA. No motion and no timed content.
Used in 0 templates
The platform adds this to its own pages itself; it is not added in the editor.