---
title: Collections – A toujou element as a card collection on the website
url: "https://www.toujou.com/service/element-library/collections/"
description: "Link multiple pages using card view as teasers. Improve your website&#039;s link structure and tease pages at the same time!"
date: 2026-01-20
modified: 2026-01-20
lastUpdated: 2026-01-20
---

# Collections – A toujou element as a card collection on the website

1. [Home](https://www.toujou.de/)
2. [Service](https://www.toujou.de/service/)
3. [Element library](https://www.toujou.de/service/element-library/)
4. [Collections](https://www.toujou.de/service/element-library/collections/)

     **The toujou library**
----------------------

Collection elemens
==================

In toujou, you will find preconfigured collection elements with the necessary freedom where you need it. The appearance is controlled centrally and offered with responsive behavior. Layout, links, and behavior are controlled by the editor.

**Collection elements:**
[Selected Pages as Card Collection](https://www.toujou.de/service/elementbibliothek/collections/#c1018217) | [Filtered Pages as Card Collection](https://www.toujou.de/service/elementbibliothek/collections/#c1018216)
[Selected Pages as Image Card Collection](https://www.toujou.de/service/elementbibliothek/collections/#c1018215) | [Filtered Pages as Image Card Collection ](https://www.toujou.de/service/elementbibliothek/collections/#c1018214)
[Selected Pages as List](#c1019470) | [Filtered Pages as List](https://www.toujou.de/service/elementbibliothek/collections/#c1018210)

    ### Manual

On this page you will find all the collections 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.

[I am a button ❯](https://www.toujou.de/service/element-library/collections/)

   ---

  All Collections elements at a glance
--------------------------------------

 ###  Selected Pages as Card

 - ### toujou element library

    [ Read more ](https://www.toujou.de/service/element-library/)
- ### Support

    [ Read more ](https://www.toujou.de/service/support/)
- ### toujou features

    [ Read more ](https://www.toujou.de/features/)
- ### Cookie-Consent: Accept all

    28.02.2022 - Daniel Fau

    How to: Ensure data protection in toujou in compliance with the law.

    [ Read more ](https://www.toujou.de/blog/cookie-consent-accept-all/)

Selected Pages as Card >

---

 ###  Filtered Pages as Card

 - ### medatsu - new design options for your website

    08.02.2024 - Jérôme Grad

    More emotions, more individual design options: We introduce to you medatsu, the fourth toujou theme.

    [ Read more ](https://www.toujou.de/blog/medatsu-new-design-options-for-your-website/)
- ### toujou recap from T3CON

    02.11.2023 - Jérôme Grad

    What began five years ago is still far from complete.

    [ Read more ](https://www.toujou.de/blog/toujou-recap-from-t3con/)
- ### toujou at T3CON

    04.10.2023

    Nominated for the TYPO3-Award & with many ideas in the luggage to Düsseldorf.

    [ Read more ](https://www.toujou.de/blog/toujou-at-t3con/)
- ### Moving beyond Buzzword Bingo

    27.04.2023 - Jeffrey A. McGuire

    Create content that is both appealing to read and technically correct.

    [ Read more ](https://www.toujou.de/blog/moving-beyond-buzzword-bingo/)
- ### 10 tips for building a good website menu and navigation

    13.04.2023 - Mathias Bolt Lesniak

    10 helpful hints for successful website navigation

    [ Read more ](https://www.toujou.de/blog/10-tips-for-a-good-website-menu-and-navigation/)
- ### 5 tips for writing a stellar case study

    23.03.2023 - Jeffrey A. McGuire

    Proven tips for writing effective case studies.

    [ Read more ](https://www.toujou.de/blog/5-tips-for-writing-a-stellar-case-study/)

  [ Show more ](https://www.toujou.de/service/element-library/collections/content-element.html?offset=6&uid=1019462&cHash=5e77608c879b857200473da658495a36)

Filtered Pages as Card >

---

 ###  Selected Pages as Image Card

   [![](https://www.toujou.de/_assets/processed/0BQUz9HOwlknvRAli0fa4xMTV2XQx4MceLZpMqHCQrg/q:85/c:1296:800:fp:0.5:0.5/rt:force/w:324/h:200/fn:Y3NtXzE5MjB4ODAwX0hlYWRlcl9FbGVtZW50LWxpYnJhcnlfYmx1ZV8wOTU2OGYxMGU1:t/cb:cc459106fe2c77cfa475a95e8dcdbd7bc3717cbc/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjJfMDdfMjZfaG93X3RvX3RvdWpvdS8xOTIweDgwMF9IZWFkZXJfRWxlbWVudC1saWJyYXJ5X2JsdWUucG5n)###  toujou element library ](https://www.toujou.de/service/element-library/) [![[Translate to English:] ](https://www.toujou.de/_assets/processed/ZgdtvZmmLUmjff3yHK08xslDtVcWa1V5OfvEKuPqCvg/q:85/c:1296:800:fp:0.5:0.5/rt:force/w:324/h:200/fn:Y3NtXzE5MjB4ODAwX1dlYi1oZWFkZXJfb2ZmaWNlLXBlb3BsZV9hYmQ3MjljZTUz:t/cb:5554be7332ef37eab8411ee2c8fd1013f2499f23/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvaGVhZGVyLzE5MjB4ODAwLzE5MjB4ODAwX1dlYi1oZWFkZXJfb2ZmaWNlLXBlb3BsZS5wbmc "[Translate to English:] ")###  Support ](https://www.toujou.de/service/support/) [![In der Mitte der Grafik arbeiten Menschen an einer Produktionslinie, umgeben von bunten Maschinen und Geräten.](https://www.toujou.de/_assets/processed/x8EbaLxUtE-IvOTxetCPwr1aeNYfyXMinfvZIargwvo/q:85/c:1296:800:fp:0.5:0.5/rt:force/w:324/h:200/fn:Y3NtXzE5MjB4ODAwX0Fzc2VtYmx5LWxpbmVfRmxvb3JfYmx1ZV9lMjE1MjlhNTNl:t/cb:67b943af38afc333ca6f62e22b6cc1c949e32fae/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvaGVhZGVyLzE5MjB4ODAwLzE5MjB4ODAwX0Fzc2VtYmx5LWxpbmVfRmxvb3JfYmx1ZS5wbmc)###  toujou features ](https://www.toujou.de/features/) [![Ein Laptop mit einer bunten Website, die kreative Inhalte präsentiert, steht auf einem Tisch neben einem Keks.](https://www.toujou.de/_assets/processed/tB2jsvySqcw_zhgLtAk098JI1F_aRHsqXsCKAyz7_Ec/q:85/c:626.94:387:fp:0.5:0.5/rt:force/w:324/h:200/fn:Y3NtXzY4OHgzODdfQ29va2llc181NDQzZWI5YWY4:t/cb:7465c6070c37960bc5420ec5d160157340944483/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzY4OHgzODdfQ29va2llcy5wbmc)###  Cookie-Consent: Accept all ](https://www.toujou.de/blog/cookie-consent-accept-all/)

Selected Pages as Image Card >

---

 ###  Filtered Pages as Image Card

   [![](https://www.toujou.de/_assets/processed/f4lfOsHDJXJYmDkiSDGSes7vBTl76O7NNrXEq9NwA0w/q:85/c:1539:950:fp:0.5:0.5/rt:force/w:324/h:200/fn:Y3NtX3QzY29uXzIwMjNfMTZfOV83ZTJiYTRjN2Iz:t/cb:e3b9de6c9d4baf1ace1ae0c616c55c795f82245f/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC90M2Nvbl8yMDIzXzE2XzkucG5n)###  toujou recap from T3CON ](https://www.toujou.de/blog/toujou-recap-from-t3con/) [![Ein leuchtend orangefarbener Hintergrund mit dem Text 'WE THE COMMUNITY' in klarer, weißer Schrift.](https://www.toujou.de/_assets/processed/H1aQW3fYsB9-oNMz0J2q-Z9bnP3gA8LetQXOTS0hV3I/q:85/c:1200:740.74074074074:fp:0.5:0.5/rt:force/w:324/h:200/fn:Y3NtX3R3aXR0ZXJfdHlwbzMtY29tbXVuaXR5XzAzMzA4ODRmOGQ:t/cb:24f8c576d97f15ee637c8723f22e2f5e7415c729/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvT3BlbkdyYXBoLVR3aXR0ZXIvdHdpdHRlcl90eXBvMy1jb21tdW5pdHkucG5n)###  toujou at T3CON ](https://www.toujou.de/blog/toujou-at-t3con/) [![](https://www.toujou.de/_assets/processed/kdchzREA4Tw423yaVroFhdJKVA3m2Z2OlvIJHI6lE9M/q:85/c:810:500:fp:0.5:0.5/rt:force/w:324/h:200/fn:Y3NtX2pvbmFzLWtvZWwtbm54V1FaVG1veFEtdW5zcGxhc2hfNzBhZmY4ZGRkNV8zNmVlNDdlMTRh:t/cb:d5a3033b1f39d58c33668b708404e3d167022d50/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjMvT1NQL2pvbmFzLWtvZWwtbm54V1FaVG1veFEtdW5zcGxhc2hfNzBhZmY4ZGRkNS5qcGVn)###  Moving beyond Buzzword Bingo ](https://www.toujou.de/blog/moving-beyond-buzzword-bingo/) [![Ein moderner Computerbildschirm zeigt eine grafische Benutzeroberfläche mit verschiedenen Navigationsbereichen und Inhalten.](https://www.toujou.de/_assets/processed/9833YS5OUnpN4aD_P6dUfUKLns94-C64Hv-3HytDzgU/q:85/c:1641.06:1013:fp:0.5:0.5/rt:force/w:324/h:200/fn:Y3NtXzY4OHgzODctd2Vic2l0ZV9uYXZpZ2F0aW9uLWdyZWVuX2I1Mzk5ZjY5MmQ:t/cb:070b41a365b1c2eb2c43ea5946337ea2867a612c/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjMvV2Vic2l0ZS1OYXZpZ2F0aW9uLzY4OHgzODctd2Vic2l0ZV9uYXZpZ2F0aW9uLWdyZWVuLnBuZw)###  10 tips for building a good website menu and navigation ](https://www.toujou.de/blog/10-tips-for-a-good-website-menu-and-navigation/)

Filtered Pages as Image Card >

---

 ###  Selected Pages as List

 1. ### toujou features

    [ Read more ](https://www.toujou.de/features/)
2. ### TYPO3-SEO: Suchmaschinenoptimierung für Ihre Website

    29.09.2021 - Jérôme Grad

    5 Punkte, wie Sie mit Ihrer Website bei Suchmaschinen mehr Relevanz erhalten und die sich leicht in toujou umsetzen lassen.

     Read more
3. ### Industry-specific templates

    [ Read more ](https://www.toujou.de/templates/)

Selected Pages as List >

---

 ###  Filtered Pages as List

 1. ### toujou recap from T3CON

    02.11.2023 - Jérôme Grad

    What began five years ago is still far from complete.

    [ Read more ](https://www.toujou.de/blog/toujou-recap-from-t3con/)
2. ### toujou at T3CON

    04.10.2023

    Nominated for the TYPO3-Award & with many ideas in the luggage to Düsseldorf.

    [ Read more ](https://www.toujou.de/blog/toujou-at-t3con/)
3. ### Moving beyond Buzzword Bingo

    27.04.2023 - Jeffrey A. McGuire

    Create content that is both appealing to read and technically correct.

    [ Read more ](https://www.toujou.de/blog/moving-beyond-buzzword-bingo/)
4. ### 10 tips for building a good website menu and navigation

    13.04.2023 - Mathias Bolt Lesniak

    10 helpful hints for successful website navigation

    [ Read more ](https://www.toujou.de/blog/10-tips-for-a-good-website-menu-and-navigation/)

Filtered Pages as List >

     ##### Tutorials

[Checklist ❯](https://www.toujou.de/service/#c1004820)
[Contact data ❯ ](https://www.toujou.de/service/tutorials/contact-data/)
[File list ❯ ](https://www.toujou.de/service/tutorials/file-list-module/)
[Edit navigation ❯ ](https://www.toujou.de/service/tutorials/pages-navigation/)
[Edit page content ❯ ](https://www.toujou.de/service/tutorials/page-content/)
[Edit page properties ❯](https://www.toujou.de/service/tutorials/page-properties/)
[Responsive & mobile first ❯](https://www.toujou.de/service/tutorials/responsive-mobile-first/)
[Yoast SEO ❯ ](https://www.toujou.de/service/tutorials/yoast-seo/)
[Redirects ❯ ](https://www.toujou.de/service/tutorials/redirects/)
[Blog administration ❯](https://www.toujou.de/service/tutorials/blog-administration/)
[Linkvalidator ❯](https://www.toujou.de/service/tutorials/blog-administration/)

  ##### toujou set-up

[Theme ❯ ](https://www.toujou.de/service/toujou-set-up/theme-settings/)
[Logo ❯ ](https://www.toujou.de/service/toujou-set-up/logo-settings/)
[Font ❯ ](https://www.toujou.de/service/toujou-set-up/font-settings/)
[Color ❯ ](https://www.toujou.de/service/toujou-set-up/color-settings/)
[Social media ❯ ](https://www.toujou.de/service/toujou-set-up/social-media-settings/)
[Analytics ❯](https://www.toujou.de/service/toujou-set-up/analytics-settings/)
[Data protection ❯](https://www.toujou.de/service/toujou-set-up/data-protection-settings/)
[Website overlay ❯](https://www.toujou.de/service/toujou-set-up/website-overlay/)

  ##### toujou element library

[Text elements ❯ ](https://www.toujou.de/service/element-library/text-elements/)
[Teaser elements ❯ ](https://www.toujou.de/service/element-library/teaser-elements/)
[Blockquotes ❯ ](https://www.toujou.de/service/element-library/blockquote-elements/)
[Teaser cards ❯ ](https://www.toujou.de/service/element-library/card-elements/)
[Media elements ❯ ](https://www.toujou.de/service/element-library/media-elements/)
[Map elements ❯ ](https://www.toujou.de/service/element-library/map-elements/)
[Blog elements ❯](https://www.toujou.de/service/element-library/blog-elements/)

  ####

[Navigation elements ❯ ](https://www.toujou.de/service/element-library/navigation-elements/)
[Widgets ❯ ](https://www.toujou.de/service/element-library/widgets/)
[Headline element ❯ ](https://www.toujou.de/service/element-library/text-elements/headline-element/)
[Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/)