Exibir widget de calendário com filtros específicos (tipos de aulas, professores, unidades)

Com apenas alguns cliques, escolha como exibir o horário no seu website: mostrar todas as aulas ou apenas os tipos selecionados (com data de início opcional), exibir professores selecionados e exibir unidades selecionadas.

Exibir apenas os tipos de aulas selecionados no horário.

  1. Vá para o YOGO Admin → 'Tipos de Aulas'

  2. Clique no tipo de aula que deseja exibir no horário.

  3. Copie o ID do tipo de aula da barra de URL

Vá até o seu website e encontre a página onde o horário deve ser exibido.

Wordpress

Para exibir o horário completo, utilize o seguinte código:

[yogo-calendar]

 


Exibir apenas as aulas selecionadas:

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

O ID que acabou de copiar substitui 'xxxx'. Se quiser exibir mais de um tipo de aula, basta separar os IDs por uma vírgula.

 

Outros tipos de websites, como Squarespace, Wix, etc.

Para exibir o horário completo, utilize o seguinte código:

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

 

Exibir apenas as aulas selecionadas:

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


Exibir o horário a partir de uma data de início opcional.

Se quiser que o horário seja exibido a partir de uma data específica, pode inserir o seguinte código. Quando a data de início tiver passado, ele continuará a exibir a partir da data atual.

Wordpress:

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

 

Outros tipos de websites, como Squarespace, Wix, etc.

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

 

O acima também pode ser combinado para exibir tipos de aulas selecionados e uma data de início opcional. Nesse caso, ficará assim:


Wordpress:

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

 

Outros tipos de websites, como Squarespace, Wix, etc.

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

Exibir apenas os professores selecionados no horário.

Se quiser que o horário exiba um professor ou professores específicos, pode inserir o seguinte código:

 

Outros tipos de websites, como Squarespace, Wix, etc.

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

Se quiser que o horário exiba mais de um professor

<div class="yogo-calendar" data-teachers="1234, 1234, 1234"></div>

1234 é o ID do professor.

 

Exibir apenas as unidades selecionadas no horário.

Se tiver mais de uma unidade ativada na YOGO e quiser que o horário exiba uma unidade específica, pode utilizar o seguinte código:

Wordpress

[yogo-calendar branch="XXXXX"]

XXXXX é o nome da unidade, que pode ser encontrado no YOGO Admin -> Definições -> Unidades.

 

Outros tipos de websites, como Squarespace, Wix, etc.