--- title: Four Tripcards vertical url: "https://www.toujou.de/service/elementbibliothek/trip-elements/four-tripcards-vertical-1/" date: 2019-01-11 modified: 2022-09-27 --- # Four 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. [Four Tripcards vertical](https://www.toujou.de/service/elementbibliothek/trip-elements/four-tripcards-vertical-1/) Four Tripcards vertical ======================= Zwei Reiseteaser (manuell oder nach Kategorie) Item-ID: 11-006 [Beispielansicht](#c1004003) [Anleitung](#c1004001) [Verhalten](#c1003999) --- 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/) [ ![](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-weinfahrt/)### Musterreise: Weinfahrt Eine unvergleichliche Weinfahrt und die Kurzbeschreibung einer Musterreise. 5 Tage Gruppenreise 1 bis 8 Personen ab 999 € (inklusive Flug) [zur Reise](https://www.toujou.de/tutorials/reiseseiten/musterreise-weinfahrt/) [zur Reise](https://www.toujou.de/tutorials/reiseseiten/musterreise-weinfahrt/) --- Anleitung ----------- [ ![](https://www.toujou.de/_assets/processed/Q7G-tNKvM38Y5BZi7M97f3qENq5JICN-Zirme6HMQok/q:85/w:432/h:240/fn:Y3NtXzEuXzExLTAwN19mb3VyX2NhdGVnb3J5X3RyaXBjYXJkc18xYTc3OTk0NTYy:t/cb:f2637e6c128aae51fe6971d028ce7923d714934e/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDctZm91cl90cmlwY2FyZHNfdmVydGljYWwvMS5fMTEtMDA3X2ZvdXJfY2F0ZWdvcnlfdHJpcGNhcmRzLnBuZw) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-007-four_tripcards_vertical/1._11-007_four_category_tripcards.png) ### Reiseteaser anlegen - Klicken Sie auf den Button **Inhalt,** um einen Reiseteaser anzulegen. - Im Reiter *Trip Elements* wählen Sie **Four Tripcards vertical.** [ ![](https://www.toujou.de/_assets/processed/6QlMTy45o-1mCtvO9i3zeu0GXPxgq5HBLOqiUFASsWY/q:85/w:432/h:240/fn:Y3NtXzIuXzExLTAwN19mb3VyX21hbnVhbF90cmlwY2FyZHNfM2ZkYmM2ZTI2MQ:t/cb:eeb6083aca846c597ff81061f3fff62afc498a2f/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDctZm91cl90cmlwY2FyZHNfdmVydGljYWwvMi5fMTEtMDA3X2ZvdXJfbWFudWFsX3RyaXBjYXJkcy5wbmc) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-007-four_tripcards_vertical/2._11-007_four_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/qCEbkmYGeXR-x2UVuyb6TtA8Mbn8_Qh1giNqMY8hwN0/q:85/w:432/h:240/fn:Y3NtXzMuXzExLTAwN19mb3VyX2NhdGVnb3J5X2NhcmRzX2U1OGExOTQwMGE:t/cb:24610387e1fd2c3d1a3049875519f141996b55fd/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDctZm91cl90cmlwY2FyZHNfdmVydGljYWwvMy5fMTEtMDA3X2ZvdXJfY2F0ZWdvcnlfY2FyZHMucG5n) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-007-four_tripcards_vertical/3._11-007_four_category_cards.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 zwei Reisen aus der ausgewählten Kategorie aus. Verhalten ----------- ***Vier 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.