--- title: One Tripcard vertical url: "https://www.toujou.de/service/elementbibliothek/trip-elements/one-tripcard-vertical-1/" date: 2019-01-11 modified: 2022-09-27 --- # One Tripcard 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. [One Tripcard vertical](https://www.toujou.de/service/elementbibliothek/trip-elements/one-tripcard-vertical-1/) One Tripcard vertical ===================== Ein Reiseteaser (manuell oder nach Kategorie) Item-ID: 11-004 [Beispielansicht](#c1004021) [Anleitung](#c1004019) [Verhalten](#c1004017) --- 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/) --- Anleitung ----------- [ ![](https://www.toujou.de/_assets/processed/qIh8SmaZWgCmp9OjbMu6w1TQaJtIjl3JQ7Vj7BoZaaU/q:85/w:432/h:240/fn:Y3NtXzEuXzExLTAwNF90cmlwY2FyZF9hbmxlZ2VuXzUxMzRmYzA1MzM:t/cb:5f71f8231cbb2b911767f8070933511076837c4a/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDQtb25lX3RyaXBjYXJkc192ZXJ0aWNhbC8xLl8xMS0wMDRfdHJpcGNhcmRfYW5sZWdlbi5wbmc) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-004-one_tripcards_vertical/1._11-004_tripcard_anlegen.png) ### Reiseteaser anlegen - Klicken Sie auf den Button **Inhalt,** um einen Reiseteaser anzulegen. - Im Reiter *Trip Elements* wählen Sie **One Tripcard vertical.** [ ![](https://www.toujou.de/_assets/processed/zfaPAVs0gc8SpKwgHk909yHavN1WfWL0QazPLKYORu4/q:85/w:432/h:240/fn:Y3NtXzJfMTEtMDA0X21hbnVlbGxfYW5sZWdlbl9hZTg1MjAzMGM4:t/cb:e2b835ad458ce6368ac848cf4343499e9efdef7f/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDQtb25lX3RyaXBjYXJkc192ZXJ0aWNhbC8yXzExLTAwNF9tYW51ZWxsX2FubGVnZW4ucG5n) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-004-one_tripcards_vertical/2_11-004_manuell_anlegen.png) ### Reiseteaser auswählen #### manuell - Wählen Sie unter *Trip Card Type* **manual**, wenn Sie die Reise manuell auswählen wollen. - Klicken Sie auf den Button **Seite**. - Wählen Sie die gewünschte Reise aus dem Seitenbaum aus und speichern diese ab. [ ![](https://www.toujou.de/_assets/processed/H4OmyORTzoSiH-dnZj0HT7fR9CLNnzGewOXN5_UuPOg/q:85/w:432/h:240/fn:Y3NtXzNfMTEtMDA0X2NhdGVnb3J5X2FubGVnZW5fZTVjNGJlNWM2ZA:t/cb:8f658b14558bdffd110cf176ad77b92e2c131eaf/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDQtb25lX3RyaXBjYXJkc192ZXJ0aWNhbC8zXzExLTAwNF9jYXRlZ29yeV9hbmxlZ2VuLnBuZw) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-004-one_tripcards_vertical/3_11-004_category_anlegen.png) ### Reiseteaser auswählen #### nach Kategorie - Wählen Sie unter *Trip Card Type* **by category,** wenn Sie die Reise über eine Kategorie auswählen wollen. - Klicken Sie nun auf die Kategorie, die sie auswählen wollen. - Das System wählt eine Reise aus der ausgewählten Kategorie aus. --- Verhalten ----------- Eine *vertikale Tripcard* ist eine einzelne Inhaltskarte für Reiseteaser. Sie besteht 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 Card klickbar. **Responsive:** Die vertikale Tripcard wird unabhängig vom Endgerät stets unverändert abgebildet.