---
title: SeasonSwitch
url: "https://www.toujou.de/service/elementbibliothek/trip-elements/season-switch/"
date: 2022-04-27
modified: 2022-09-27
---

# SeasonSwitch

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. [SeasonSwitch](https://www.toujou.de/service/elementbibliothek/trip-elements/season-switch/)

   SeasonSwitch
============

Mit dem toujou-Element SeasonSwitch lassen sich mehrere Saisons bündig und platzsparend per Dropdown-Menü anzeigen. Dabei werden immer nur Daten einer Saison detailliert angezeigt.

[Beispielansicht](#c1012528) [Schritt für Schritt](#c1012529) [Verhalten](#c1012533)

---

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

Eine Live-Ansicht, wie der Saisonwechsel auf einer Website aussieht, zeigen wir auf unserer [Tourism-Template für Reiseveranstalter](https://tourism.toujou.net/neuseeland/die-welt-der-pinguine/#c2432) im Bereich Termine.

    ![](https://www.toujou.de/_assets/processed/vqYbki9WEUkwhBUGTOfTjO253P02BZ9lY2abz_yxUHE/q:85/c:1920:477.65541740675:fp:0.5:0.49289520426288/rt:force/w:433/h:108/fn:Y3NtX1NlYXNvbl9zd2l0Y2hfYmVpc3BpZWxhbnNpY2h0X3Rlcm1pbmVfdW5kX3ByZWlzZV8xNDAweDQwMF8zZWU2ZjMxOTIz:t/cb:9e674ebb8b27c02bbd69cbbcb843b733ec42b52d/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy9TZWFzb25fc3dpdGNoX2JlaXNwaWVsYW5zaWNodF90ZXJtaW5lX3VuZF9wcmVpc2VfMTQwMHg0MDAucG5n)  ---

 Schritt für Schritt
-------------------

Vorabinformation: Um einen Saisonwechsel auf der Website anzeigen zu können, müssen mindestens zwei Saisons sowie die entsprechenden Datensätze (Reisebeschreibung, Reisetermine, Unterkünfte) hinterlegt sein. Diese erstellen Sie über die Listenansicht, weitere Informationen dazu finden Sie in diesen [Tutorials](https://www.toujou.de/service/elementbibliothek/trip-elements/).

     [ ![](https://www.toujou.de/_assets/processed/H15lvAF9FstghldkbZUK2NtFxRjj_jbk3QdTZ9BYBFk/q:85/c:1918.2222222222:1079:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX3NlYXNvbi1zd2l0Y2gtZWxlbWVudC1lcnN0ZWxsZW5fMWE2NDExNGM1Zg:t/cb:6357169a93d0050fcff562977f580c00ee9afd1a/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDktc2Vhc29uLXN3aXRjaC9zZWFzb24tc3dpdGNoLWVsZW1lbnQtZXJzdGVsbGVuLnBuZw) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-009-season-switch/season-switch-element-erstellen.png) ### Element erstellen

- Klicken Sie auf **+ Inhalt** und wählen Sie unter dem Reiter *Trips* das Element SeasonSwitch.
- Achten Sie auf den entsprechenden Seitenbereich.

    [ ![](https://www.toujou.de/_assets/processed/9j_D4ACtwbpxlOGQ5tDC8-uBbkRPhoiZeLRYCk-p4o4/q:85/c:1918.2222222222:1079:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX3NlYXNvbi1zd2l0Y2gtdGV4dF9laW50cmFnZW5fYzllYzJkMTUyYQ:t/cb:f2fb7ad45e252ce4cd581ce315383667ce47cacc/bG9jYWw6L2ZpbGVhZG1pbi9NYW51YWwvMTFfVHJpcF9FbGVtZW50cy8xMS0wMDktc2Vhc29uLXN3aXRjaC9zZWFzb24tc3dpdGNoLXRleHRfZWludHJhZ2VuLnBuZw) ](https://www.toujou.de/fileadmin/Manual/11_Trip_Elements/11-009-season-switch/season-switch-text_eintragen.png) ### Text eintragen

- Geben Sie im Feld *Season switch label* (Überschrift) den gewünschten Text ein, der neben dem Dropdown-Menü erscheint.
- **Speichern** Sie die Einstellungen.

   **Wichtiger Hinweis**: Vergewissern Sie sich, dass das Element im richtigen Seitenbereich der Reiseseite angelegt ist. Möchten Sie z.B. bei den Preisen einen Saisonwechsel ermöglichen, sollte das Element im Bereich *Termine* verortet sein. Falls das Element an der falschen Stelle im Backend liegt, können Sie es per Drag'n'Drop jederzeit an die gewünschte Stelle verschieben. Alternativ können Sie im Element unter *Settings* den Bereich im Dropdown-Menü bei *Spalten* editieren.

---

 Verhalten
---------

Das Element verhält sich wie ein Akkordeon. Bei Klick auf eine Saison, werden alle dafür hinterlegten Daten angezeigt. Mit Nutzung des Season switch werden stets nur Daten einer Saison ausgespielt. Möchten Sie die Daten [mehrerer Saisons auf einmal anzeigen](https://www.toujou.de/tutorials/reiseseiten/mehrere-saisons-anzeigen/), können Sie die jeweiligen Elemente einfach im Backend anlegen.

Damit das Element im Frontend angezeigt wird, müssen Sie mindestens zwei Datensätze für verschiedene Saisons im Seitenbereich der Reiseseite hinterlegt haben (z.B. [Tripdates](https://www.toujou.de/service/elementbibliothek/trip-elements/tripdates-element/) oder [Tripdescription](https://www.toujou.de/service/elementbibliothek/trip-elements/tripdescription/)). Neben den Reisedaten lassen sich auch andere Elemente, wie Textelemente für den Season switch nutzen.

Nutzen Sie den Season switch mehrmals auf einer Reiseseite, werden durch das Anklicken einer Saison in einem Bereich automatisch alle Daten in anderen Bereich für diese Saison ausgespielt. Zudem erscheint die aktuell ausgewählte Saison auch im Bereich der [Inpage Navi](https://www.toujou.de/service/elementbibliothek/navigation-elements/automatische-inpage-navigation/), die jederzeit dann angezeigt wird, wenn ein Datensatz für mindestens zwei Saisons vorliegt.

---

 Verknüpfte Themen
-----------------

[Alle Trip-Elemente](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Reiseseiteninhalte anlegen und bearbeiten](https://www.toujou.de/tutorials/reiseseiten/)

[Saison anlegen](https://www.toujou.de/tutorials/reiseseiten/termine-preise/#c1002102) [Mehrere Saisons anzeigen](https://www.toujou.de/tutorials/reiseseiten/mehrere-saisons-anzeigen/)

---