Como exibir reservas dinamicamente em um calendário
Configurações do plugin JetBooking
Navegue até a guia Reservas > Configurações e ajuste as seguintes configurações:
- Guia geral :
- selecione a opção “Plain” no menu suspenso do modo de reserva ;
- selecione o CPT (“Propriedades” para este tutorial) no menu suspenso Tipo de postagem da instância de reserva .
- Guia Ferramentas : crie uma nova coluna para armazenar dados dos usuários (a coluna user_data deste tutorial) para futuras solicitações de consulta.
Pressione o botão “ Atualizar Tabelas de Reservas ”.
Configurações de consulta JetEngine
Abra a guia JetEngine> Query Builder e pressione o botão “ Adicionar novo ” para criar uma nova consulta. Digite o nome da consulta (aqui, “Consulta para reservas”) no campo Nome e selecione a opção “Consulta JetBooking” no menu suspenso Tipo de consulta .
Navegue até a guia Geral e selecione o status necessário das reservas para exibição (ou seja, em espera, pendente, etc.) no menu suspenso Status .
Para especificar a coluna para armazenamento de dados dos usuários, navegue até a guia Consulta de Coluna das configurações do JetBooking Query e selecione o nome da coluna no menu suspenso Coluna .
Pressione o botão “ Adicionar consulta ” para salvá-la.
Obtendo dados de reserva
Defina o bloco do formulário JetBooking associado aos dados dos usuários coletados: selecione a opção Apartment Booking das Post Submit Actions e selecione o campo do formulário para registrar os dados dos usuários na coluna adicionada (aqui, user_data ).
Adicione o formulário a uma única página da postagem CPT.
Após o envio do formulário, todos os dados da reserva serão coletados pelo plugin JetBooking na aba Reservas > Reservas .
Listagem de configurações de itens
Navegue até a guia JetEngine> Listagens e pressione o botão “ Adicionar novo ” para criar um item de listagem com as seguintes configurações:
- selecione a opção “Query Builder” no menu suspenso Fonte da listagem ;
- selecione a consulta necessária no menu suspenso Consulta (aqui, “Consulta para reservas”);
- defina o nome do item de listagem no campo Nome do item de listagem ;
- selecione o editor no menu suspenso Visualização de listagem .
Pressione o botão “ Criar item de listagem ”.
Adicione os campos necessários ao item da listagem. Para este tutorial, adicionamos os seguintes dados de reserva: o ID da reserva, as datas de check-in e check-out e o ID da instância da reserva. Encontre, arraste e solte o widget Campo Dinâmico e coloque-o no item da listagem. Selecione a opção “Dados pós-prazo/usuário/objeto” no menu suspenso Fonte e selecione os dados de reserva necessários (ou seja, o ID da reserva, a data de check-in e check-out ou o ID da instância da reserva) que podem pode ser encontrado nas opções “JetBooking” no menu suspenso Campo do objeto .
Para exibir os dados no formato necessário, ative a alternância de saída do campo Filtro e selecione a opção de formato no menu suspenso Retorno de chamada .
Para adicionar a reserva ao Google Agenda, adicione o widget Dynamic Link e selecione a opção “JetBooking: Adicionar reserva ao Google Calendar” no menu suspenso Fonte .
Pressione o botão “ Atualizar ”.
Exibindo reservas no widget de calendário
Crie uma nova página única. Navegue até as configurações da página (o ícone de roda no canto inferior esquerdo), abra a guia Configurações de visualização e selecione CPT (aqui, “Propriedades”) no menu suspenso Tipo de postagem .
Pressione o botão “ Atualizar ”.
Encontre o widget Calendário e arraste e solte-o em uma única página. Selecione o item de listagem construída no menu suspenso Listagem e a opção “Data de reserva” no campo Agrupar postagens por .
Desenrole a guia Consulta personalizada e ative a opção Usar consulta personalizada . Esta alternância ativa o menu suspenso Consulta personalizada para selecionar a consulta necessária (aqui, “Consulta_para_reservas”).
Atualize a página única e verifique o calendário no front end.
Pressionar o link “ Adicionar ao Google Agenda ” adiciona a reserva ao Google Agenda.
Trata-se de exibir dados de reserva por meio do widget JetEngine Calendar .