---
title: Accomodation-Element
url: "https://www.toujou.de/service/elementbibliothek/trip-elements/accomodation-element/"
date: 2020-02-18
modified: 2022-09-27
---
# Accomodation-Element
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. [Accomodation-Element](https://www.toujou.de/service/elementbibliothek/trip-elements/accomodation-element/)
Accomodations
=============
Stellen Sie Unterkünfte auf Ihrer Reiseseite dar.
Item-ID: 11-008
[Beispielansicht](#c1007460) [Anleitung](#c1007458) [Verhalten](#c1007456)
---
Beispielansicht
-----------------
### Musterhotel
(1 Nacht)
 ##### Ein schickes Boutique-Hotel
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
##### Zur Ausstattung
- Dusche & WC
- alle Zimmer mit Balkon/Terrasse
- WLAN
- Zimmer: 25
- Kategorie:
- Website: Musterhotel
### Musterpension
(1 Nacht)
 ##### Eine Tempel-Pension
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
##### Zur Ausstattung
- Badewanne & WC
- WLAN
- Optionale Rikscha
- Zimmer: 12
- Kategorie:
- Website: Musterpension
Anleitung
-----------
[  ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-008-accomodations/01_Element-anlegen.png) ### **Accomodation-Element anlegen**
- Klicken Sie in einer Reiseseite in einem passenden Seitenbereich, zum Beispiel *Weitere Informationen*, auf den Button **+ Inhalt***,* um eine Unterbringung anzuzeigen.
- Im Reiter *Trip Elements* klicken Sie auf **Accommodations**.
[  ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-008-accomodations/02_Unterbringung-anlegen.png) ### **Unterbringung anlegen**
- Um eine Unterbringung anzulegen, klicken Sie auf **+ Neu anlegen***.*
[  ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-008-accomodations/03_Unterbringung-aussuchen.png) ### **Unterbringung auswählen**
- Klicken Sie im Reiter *Allgemein* auf den Button **Seite**.
- Es öffnet sich ein Fenster (*Datensatzauswahl).* Wählen Sie die gewünschte Unterbringung aus, indem Sie auf die im Vorfeld angelegte [Unterkunftsseite](https://www.toujou.de/tutorials/reiseseiten/accomodation-page/) klicken.
- Im Bereich *Nights* geben Sie die Dauer der Unterbringung mit der Anzahl an Nächten an.
[  ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-008-accomodations/04_Weitere-Unterbringung.png) ### **Weitere anlegen**
- Für weitere Unterbrigungen klicken Sie wieder auf **+ Neu anlegen***.*
- Sie können die Reihenfolge der Unterkünfte mittels Pfeiltasten auf der rechten Seite nachträglich verändern.
- **Speichern** Sie Ihre Einstellungen.
---
Verhalten
-----------
**Eine *Accommodation* gibt die von Ihnen ausgesuchten Unterkünfte in Form eines »Akkordeon«-Elements wieder. Die Beschreibung der ersten Unterkunft ist dabei stets sichtbar; alle weiteren (stets untereinander befindlichen) Unterkünfte können mittels Klick auf den rechtsbündig platzierten Pfeil aufgeklappt und wieder geschlossen werden.**
**Besonderheiten**:
- Alle Inhalte zur Unterkunft (bis auf die Angabe der Nächte je Reise) werden in den Seiteneigenschaften einer [Accomodation Page](https://www.toujou.de/tutorials/reiseseiten/accomodation-page/) vor Erstellung des Elements angelegt.
- Description-Text und ggf. Bild der Beschreibung nehmen die volle Breite des Elements ein und verhalten sich je nach Ausgestaltung wie ein einfaches [Textelement](https://www.toujou.de/service/elementbibliothek/text-elements/text/) oder ein [Text mit Bild im Text](https://www.toujou.de/service/elementbibliothek/text-elements/text-with-media-left-inside-text/).
**Responsive**: Das Bild wird bis zu einer bestimmten Bildschirmgröße in einem festen Verhältnis zum Text angezeigt. Ist nicht ausreichend Platz vorhanden, wird es über dem Text auf voller Breite dargestellt.