Kalender-Widget mit spezifischen Filtern anzeigen (Kurstypen, Lehrer, Filialen)

Mit nur wenigen Klicks kannst du auswählen, wie der Stundenplan auf deiner Website angezeigt wird: alle Kurse oder nur ausgewählte Kurstypen (mit optionalem Startdatum), ausgewählte Trainer*innen und ausgewählte Filialen anzeigen.

Nur ausgewählte Kurstypen im Stundenplan anzeigen

  • Gehe zu deinem YOGO Admin → „Klassentyp“
  • Klicke auf den Klassentyp, den du im Stundenplan anzeigen möchtest.
  • Kopiere die Kurstyp-ID aus der URL-Leiste (siehe Animation unten).

Skærmoptagelse-2022-06-21-kl.-14.30.59

Gehe zu deiner Website und finde die Seite, auf der der Stundenplan angezeigt werden soll.


Wordpress

Um den gesamten Stundenplan anzuzeigen, benutze folgenden Code:

 
[yogo-calendar]

Nur ausgewählte Kurse anzeigen:

 
[yogo-calendar class-types="xxxx"]

Die ID, die du kopiert hast, ersetzt "xxxx".
Wenn du mehrere Kurstypen anzeigen möchtest, trenne die IDs einfach mit einem Komma.


Andere Website-Typen, z. B. Squarespace, Wix usw.

Um den vollständigen Stundenplan anzuzeigen, benutze folgenden Code:

 
<div class="yogo-calendar"></div>

Nur ausgewählte Kurse anzeigen:

 
<div class="yogo-calendar" data-class-types="xxxx"></div>

Stundenplan ab einem optionalen Startdatum anzeigen

Wenn der Stundenplan ab einem bestimmten Datum angezeigt werden soll, kannst du folgenden Code einfügen. Wenn das Startdatum überschritten ist, wird automatisch ab dem aktuellen Datum angezeigt.

Wordpress:

 
[yogo-calendar start-date="29/8-2022"]

Andere Website-Typen, wie Squarespace, Wix usw.

 
<div class="yogo-calendar" data-start-date="29/9-2022"></div>

Dies kann auch kombiniert werden, um ausgewählte Kurstypen und ein Startdatum anzuzeigen. In diesem Fall sieht es so aus:

Wordpress:

 
[yogo-calendar class-types="xxxx" start-date="29/8-2022"]

Andere Website-Typen, wie Squarespace, Wix usw.

 
<div class="yogo-calendar" data-class-types="xxxx" data-start-date="29/9-2022"></div>

Nur ausgewählte Trainer*innen im Stundenplan anzeigen

Wenn du nur einen bestimmten Trainer oder mehrere Lehrer anzeigen möchtest, kannst du folgenden Code einfügen:

Wordpress

(hier fehlt im Original ein Beispiel – vermutlich ähnlich wie oben)

Andere Website-Typen, wie Squarespace, Wix usw.

 
<div class="yogo-calendar" data-teacher="XXXX"></div>

Wenn du mehre Trainer*innen anzeigen willst:

 
<div class="yogo-calendar" data-teachers="XXXX, XXXY, XXXZ"></div>

XXXX-XXXZ sind die Trainer-IDs.


Nur ausgewählte Filialen im Stundenplan anzeigen

Wenn du mehrere Standorte in YOGO aktiviert hast und nur eine bestimmte Filiale anzeigen möchtest, benutze folgenden Code:

Wordpress

 
[yogo-calendar branch="XXXXX"]

XXXXX ist der Filialname, den du findest unter
YOGO Admin → Einstellungen → Filialen.

Andere Website-Typen, wie Squarespace, Wix usw.

 
<div class="yogo-calendar" data-branch="XXXX"></div>

XXXXX ist der Filialname, den du findest unter
YOGO Admin → Einstellungen → Filialen.