---
title: Search Bar
url: "https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/search-bar/"
date: 2019-09-09
modified: 2022-09-27
---

# 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. [Search Bar](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/search-bar/)

   Search Bar
==========

Eine einzeilige Suchleiste mit undefinierten Kriterien zum Finden von Reiseangeboten.

Item-ID: 12-005

[Beispielansicht](#c1006785) [Anleitung](#c1006791) [Verhalten](#c1006791)

---

  Beispielansicht
-----------------

 ---

 Anleitung
---------

     [ ![](https://www.toujou.de/_assets/processed/wcsNJiFyc5X02xd5L5LCYvIUPUFqG3AJAdB6hyNns38/q:85/c:1440:898.56:fp:0.5:0.4992/rt:force/w:432/h:270/fn:Y3NtXzEyLTAwNV8wMV9TZWFyY2gtQmFyX3dhZWhsZW5fbmV1X2U5MDI1MDQ4NjQ:t/cb:ae320db8462a3de4ffd521511149aa5a5f6af894/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTJfU2VhcmNoX0VsZW1lbnRzLzEyLTAwNV9TZWFyY2hfQmFyLzEyLTAwNV8wMV9TZWFyY2gtQmFyX3dhZWhsZW5fbmV1LnBuZw) ](https://www.toujou.de/fileadmin/Manual/12_Search_Elements/12-005_Search_Bar/12-005_01_Search-Bar_waehlen_neu.png) ### 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 **Search Bar** aus.

    [ ![](https://www.toujou.de/_assets/processed/Q9HqbpzdQrSCdsm37x1z9A1cJEjHSUXnX-5XFe51BHY/q:85/c:1440:898.56:fp:0.5:0.4992/rt:force/w:432/h:270/fn:Y3NtXzEyLTAwNV8wMl9TZWFyY2gtQmFyX1RhcmdldF9iZXN0YWV0aWdlbl9mZTY1NDI5NmE4:t/cb:08f5d195192ef1b9c1fbf921296012c74f0bf744/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTJfU2VhcmNoX0VsZW1lbnRzLzEyLTAwNV9TZWFyY2hfQmFyLzEyLTAwNV8wMl9TZWFyY2gtQmFyX1RhcmdldF9iZXN0YWV0aWdlbi5wbmc) ](https://www.toujou.de/fileadmin/Manual/12_Search_Elements/12-005_Search_Bar/12-005_02_Search-Bar_Target_bestaetigen.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.

  ---

  Verhalten
-----------

 Die *Search Bar* zeigt eine einzeilige Suchleiste an, die aus Dropdownmenüs für die Kriterien einer Reisesuche sowie einer Terminauswahl besteht.

**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.

**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 [Ergebnisseite für Reisesuchen](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/).