--- title: Predefined Search Bar url: "https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/predefined-search-bar/" date: 2019-11-26 modified: 2022-09-27 --- # Predefined Search Bar 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Elementbibliothek](https://www.toujou.de/service/elementbibliothek/) 4. [Search Elements](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/) 5. [Predefined Search Bar](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/predefined-search-bar/) Predefined Search Bar ===================== Eine einzeilige Suchleiste mit vordefinierten Kriterien zum Finden von Reiseangeboten. Item-ID: 12-008 [Beispielansicht](#c1007133) [Anleitung](#c1007128) [Verhalten](#c1007126) --- Beispielansicht ----------------- Zu dieser Auswahl wurden keine passenden Reisen gefunden ![Das Bild zeigt ein stilisiertes Flugzeug, das in der Luft fliegt, umgeben von einem ruhigen, einheitlichen grünen Farbton.](https://www.toujou.de/_assets/processed/w0DJr57pAIE5m5-1aDkCmenPAUoWcTSOJO7akQwepmA/q:85/w:400/h:225/fn:Y3NtXzY4OHgzODdfQWVyb3BsYW5lXzg4MzYxNTU1Yjk:t/cb:0cfa965a0a01089b986d1d37d0ce23635161b6e9/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X0Flcm9wbGFuZS5wbmc) #### Optional Headline This is a simple element containing a headline and this text. There are no restrictions for the amount of content. So feel free to add as much information as long as it helps your story or your customer. --- Anleitung --------- [ ![](https://www.toujou.de/_assets/processed/m25IzYHgfc5fREmEo1_jXWVoaka2dDjrEtybGhQHlD4/q:85/c:1437.12:900:fp:0.499:0.5/rt:force/w:432/h:271/fn:Y3NtXzEyLTAwOF8wMV9QcmVkZWZpbmVkX1NlYXJjaF9CYXJfd2FlaGxlbl82ZDQ1YjllYTY1:t/cb:ae098a223a53c340e6bd23f42c63446ac5973d84/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTJfU2VhcmNoX0VsZW1lbnRzLzEyLTAwOF9QcmVkZWZpbmVkX1NlYXJjaF9CYXIvMTItMDA4XzAxX1ByZWRlZmluZWRfU2VhcmNoX0Jhcl93YWVobGVuLnBuZw) ](https://www.toujou.de/fileadmin/Manual/12_Search_Elements/12-008_Predefined_Search_Bar/12-008_01_Predefined_Search_Bar_waehlen.png) ### Predefined Search Bar anlegen - Search-Elemente sind nur für Nutzer von toujou TOURISM wählbar. - Klicken Sie auf den Button **Inhalt** und wählen Sie unter dem Reiter *Search Elements* das Element **Predefined Search Bar** aus. [ ![](https://www.toujou.de/_assets/processed/uJHzsfUCgunJPjlNfSs1CXd7UcZuFz0U-VdHzqS_qsQ/q:85/w:432/h:270/fn:Y3NtXzEyLTAwOF8wMl9QcmVkZWZpbmVkX1NlYXJjaF9CYXJfc2V0dGluZ3NfZDZjM2Y3YmJmNA:t/cb:e806c229449fce6da4a56118346fead9749a809c/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTJfU2VhcmNoX0VsZW1lbnRzLzEyLTAwOF9QcmVkZWZpbmVkX1NlYXJjaF9CYXIvMTItMDA4XzAyX1ByZWRlZmluZWRfU2VhcmNoX0Jhcl9zZXR0aW5ncy5wbmc) ](https://www.toujou.de/fileadmin/Manual/12_Search_Elements/12-008_Predefined_Search_Bar/12-008_02_Predefined_Search_Bar_settings.png) ### Zielseite wählen - Reiter *Search Settings*: Im Dropdownmenü **Target Pid of Search** werden ausschließlich Seiten des Typs *Search Page* angezeigt. - **Wichtig**: In der Regel gibt es nur eine [Suchergebnisseite](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/), die Reisen nach gewählten Kriterien ausspielt. Diese wird automatisch angezeigt. - Wählen Sie im Falle mehrerer Suchseiten eine aus, auf der die Suchergebnisse für dieses Element ausgespielt werden sollen. [ ![](https://www.toujou.de/_assets/processed/UH64w7hzr0fFTRdQW-hqQCG8baZxdbgpBVHF0DrOIQo/q:85/w:432/h:270/fn:Y3NtXzEyLTAwOF8wM19QcmVkZWZpbmVkX1NlYXJjaF9CYXJfc2V0dGluZ3NfNjMyNDQwNTZkNA:t/cb:a2318e3df93feaded71f8abe7e9029e2a0161813/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTJfU2VhcmNoX0VsZW1lbnRzLzEyLTAwOF9QcmVkZWZpbmVkX1NlYXJjaF9CYXIvMTItMDA4XzAzX1ByZWRlZmluZWRfU2VhcmNoX0Jhcl9zZXR0aW5ncy5wbmc) ](https://www.toujou.de/fileadmin/Manual/12_Search_Elements/12-008_Predefined_Search_Bar/12-008_03_Predefined_Search_Bar_settings.png) ### Individuelle Einstellungen Alle folgenden Settings sind optional und je Landing-Page flexibel kombinierbar. - *Result Mode*: Wählen Sie zwischen der Darstellung von Tripcards (**Trips**) oder einer Terminliste (**Dates**). - *Type*: Wählen Sie **alle** oder eine der verfügbaren **Reisearten** aus. - *Country*: Wählen Sie **alle** oder eines der verfügbaren **Länder** aus. - *Availability*: Wählen Sie alle (**show all**), alle verfügbaren (**only available**) oder alle garantierten (**only guaranteed**) Reisen aus. - Datumsauswahl: Hier können Sie ggf einen Reisezeitraum mit Start- (*from*) und Enddatum (*until*) festlegen. - *Number of results*: Legen Sie fest, wie viele Ergebnisse angezeigt werden sollen. Standardmäßig ist hier eine »4« eingetragen. - *Show all results button text*: Fügen Sie ggf. einen Button-Text in die Maske ein, falls mehr Reiseergebnisse zur Verfügung stehen, als Sie im vorangegangenen Feld festgelegt haben. [ ![](https://www.toujou.de/_assets/processed/rvnfrjZJH_m49B_ZDcshDXMVyNeIKLz3KJ0ABwOzbgw/q:85/w:432/h:270/fn:Y3NtXzEyLTAwOF8wNF9QcmVkZWZpbmVkX1NlYXJjaF9CYXJfQ29udGVudF8xZDk3MjM0OWIx:t/cb:3393c36ca85409fd3503c9b02e249fb11bb4fa1a/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTJfU2VhcmNoX0VsZW1lbnRzLzEyLTAwOF9QcmVkZWZpbmVkX1NlYXJjaF9CYXIvMTItMDA4XzA0X1ByZWRlZmluZWRfU2VhcmNoX0Jhcl9Db250ZW50LnBuZw) ](https://www.toujou.de/fileadmin/Manual/12_Search_Elements/12-008_Predefined_Search_Bar/12-008_04_Predefined_Search_Bar_Content.png) ### Inhalte einfügen (optional) - Reiter *Content*: Sie haben die Möglichkeit, rechts von den Suchergebnissen eingeschränkt Content in Form eines Texts und/oder Bilds einzufügen. - Klicken Sie auf den Button **Mediendatei hinzufügen** und wählen Sie eine Bilddatei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner hoch. - Geben Sie Ihren Text in das Textfeld ein. Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen. --- Verhalten ----------- Die *Predefined Search Bar* zeigt eine einzeilige Suchleiste mit von Ihnen vordefinierten Krieterien an sowie den Kriterien entsprechende Suchergebnisse. **Responsive**: Die Suchleiste wird bei kleiner werdenen Endgeräten mehrzeilig, auf kleinen Darstellungsflächen als mehrzeilige Suchmaske ([Search Card](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/search-card-with-text-left/)) dargestellt. Die ausgespielten Ergebnisse reihen sich darunter ein. **Besonderheiten**: Die spezifischen Inhalte, die in Suchelementen angezeigt werden, gehören dem übergeordneten Bereich der [Erstellung von Reiseseiten](https://www.toujou.de/tutorials/reiseseiten/) an. Voraussetzung für den Einsatz von Suchelementen ist die Erstellung einer [Ergbenisseite für Reisesuchen](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/).