--- title: Three Tripcards vertical url: "https://www.toujou.de/service/elementbibliothek/trip-elements/three-tripcards-vertical-1/" date: 2019-01-11 modified: 2022-09-27 --- # Three Tripcards vertical 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/) 4. [Trip Elements](https://www.toujou.de/service/elementbibliothek/trip-elements/) 5. [Three Tripcards vertical](https://www.toujou.de/service/elementbibliothek/trip-elements/three-tripcards-vertical-1/) Three Tripcards vertical ======================== Drei Reiseteaser (manuell oder nach Kategorie) Item-ID: 11-006 [Beispielansicht](#c1004009) [Anleitung](#c1004007) [Verhalten](#c1004005) --- Beispielansicht ----------------- [ ![](https://www.toujou.de/_assets/processed/mWlwAC59KBjgm8qwtBiJJcvYAZMWewjutc_IDDgnHAs/q:85/w:200/h:150/fn:Y3NtX2RlbW9fMDVfZDNiZmUyNDQzYw:t/cb:e2b2d31c4fe4db136f6055bbe7500301aba6118d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9kZW1vXzA1LmpwZw) neu ](https://www.toujou.de/tutorials/reiseseiten/musterreise-kaffeefahrt/)### Musterreise: Kaffeefahrt Eine unvergleichliche Kaffeefahrt und die Kurzbeschreibung einer Musterreise. 14 Tage Gruppenreise 1 bis 8 Personen auf Anfrage [zur Reise](https://www.toujou.de/tutorials/reiseseiten/musterreise-kaffeefahrt/) [zur Reise](https://www.toujou.de/tutorials/reiseseiten/musterreise-kaffeefahrt/) [ ![](https://www.toujou.de/_assets/processed/mWlwAC59KBjgm8qwtBiJJcvYAZMWewjutc_IDDgnHAs/q:85/w:200/h:150/fn:Y3NtX2RlbW9fMDVfZDNiZmUyNDQzYw:t/cb:e2b2d31c4fe4db136f6055bbe7500301aba6118d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9kZW1vXzA1LmpwZw) alarm ](https://www.toujou.de/tutorials/reiseseiten/musterreise-rumfahrt/)### Musterreise: Rumfahrt Eine unvergleichliche Rumfahrt und die Kurzbeschreibung einer Musterreise. 7 Tage Gruppenreise 1 bis 8 Personen auf Anfrage [zur Reise](https://www.toujou.de/tutorials/reiseseiten/musterreise-rumfahrt/) [zur Reise](https://www.toujou.de/tutorials/reiseseiten/musterreise-rumfahrt/) [ ![](https://www.toujou.de/_assets/processed/mWlwAC59KBjgm8qwtBiJJcvYAZMWewjutc_IDDgnHAs/q:85/w:200/h:150/fn:Y3NtX2RlbW9fMDVfZDNiZmUyNDQzYw:t/cb:e2b2d31c4fe4db136f6055bbe7500301aba6118d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9kZW1vXzA1LmpwZw) discount ](https://www.toujou.de/tutorials/reiseseiten/musterreise-teefahrt/)### Musterreise: Teefahrt Eine unvergleichliche Teefahrt und die Kurzbeschreibung einer Musterreise. 2 Tage Gruppenreise 1 bis 8 Personen ab 999 € (inklusive Flug) [zur Reise](https://www.toujou.de/tutorials/reiseseiten/musterreise-teefahrt/) [zur Reise](https://www.toujou.de/tutorials/reiseseiten/musterreise-teefahrt/) --- Anleitung ----------- [ ![](https://www.toujou.de/_assets/processed/j0NWZr9shZMzT5KZdbuW-ULFpphNtmPzPt7TbmUFvN4/q:85/w:432/h:240/fn:Y3NtXzEuXzExLTAwNl8zX3RyaXBjYXJkc19hbmxlZ2VuX2NkNjJhOTQwNzU:t/cb:f0e2f19921df543c01e027577ff8438196a2365c/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDYtdGhyZWVfdHJpcGNhcmRzX3ZlcnRpY2FsLzEuXzExLTAwNl8zX3RyaXBjYXJkc19hbmxlZ2VuLnBuZw) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-006-three_tripcards_vertical/1._11-006_3_tripcards_anlegen.png) ### Reiseteaser anlegen - Klicken Sie auf den Button **Inhalt,** um einen Reiseteaser anzulegen. - Im Reiter *Trip Elements* wählen Sie **Three Tripcards vertical.** [ ![](https://www.toujou.de/_assets/processed/ev8CJQK_yXBlCMmL35eNtrTlhx-0qjSm8cZvg32VofE/q:85/w:432/h:240/fn:Y3NtXzJfMTEtMDA2XzNfbWFudWFsX3RyaXBjYXJkc180OGEwYTU5ZjBl:t/cb:8f0e770caacd5d474b9e9d759c2105d07f71150a/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDYtdGhyZWVfdHJpcGNhcmRzX3ZlcnRpY2FsLzJfMTEtMDA2XzNfbWFudWFsX3RyaXBjYXJkcy5wbmc) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-006-three_tripcards_vertical/2_11-006_3_manual_tripcards.png) ### Reiseteaser auswählen #### manuell - Wählen Sie unter *Trip Card Type* **manual**, wenn Sie die Reisen manuell auswählen wollen. - Klicken Sie auf den Button **Seite**. - Wählen Sie die gewünschten Reisen aus dem Seitenbaum aus und speichern diese ab. [ ![](https://www.toujou.de/_assets/processed/bhrWAvmJjmH4zKDHGcMHjmlpAysp_Bh50ltrCKctkoc/q:85/w:432/h:240/fn:Y3NtXzMuXzExLTAwNl8zX2NhdGVnb3J5X3RyaXBjYXJkc184MmEzYWM0ZTNl:t/cb:9ac7bd311d3c30ee429898b1e8fe8ceb6f150ac7/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDYtdGhyZWVfdHJpcGNhcmRzX3ZlcnRpY2FsLzMuXzExLTAwNl8zX2NhdGVnb3J5X3RyaXBjYXJkcy5wbmc) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-006-three_tripcards_vertical/3._11-006_3_category_tripcards.png) ### Reiseteaser auswählen #### nach Kategorie - Wählen Sie unter *Trip Card Type* **by category,** wenn Sie die Reisen über eine Kategorie auswählen wollen. - Klicken Sie nun auf die Kategorie, die sie auswählen wollen. - Das System wählt drei Reisen aus der ausgewählten Kategorie aus. --- Verhalten ----------- ***Drei vertikale Tripcards* sind einzelne, nebeneinander stehende Inhaltskarten für Reiseteaser. Sie bestehen jeweils aus einem Bild mit einem festen Seitenverhältnis, Titel, Beschreibungstext und einer Link-Beschriftung. Der Link-Button nimmt die gesamte Card-Breite ein und ist als einziger Bestandteil der jeweiligen Card klickbar.** **Responsive:** Auf kleinen Darstellungsflächen werden alle Schaltflächen untereinander angezeigt.