Como desconectar itens relacionados do front-end por meio de formulário
Desconectar objetos filhos dos pais
Crie um formulário
Para criar um formulário para desconectar itens relacionados, navegue até JetFormBuilder > Adicionar novo guia no painel do WordPress. Dê um título ao novo formulário e deixe as configurações padrão do bloco Campo Oculto .
Clique no botão “ Toggle block inserter” e coloque o campo Select , Radio ou Checkbox para exibir os itens filhos no formulário. Informamos que o Radio e o Select mostram apenas um item relacionado, e se adequa ao tipo de relação “Um para Um” ou “Um para Muitos”, e o Checkbox mostra um ou mais itens, e corresponde ao tipo de relação “Muitos para Muitos” ou Tipo de relação “Um para Muitos”. Decidimos arrastar e soltar esse bloco Checkbox Field em nosso formulário para podermos exibir vários itens filhos da relação “Um para Muitos”.
Como temos a conexão entre as postagens, selecionamos “Posts” como fonte no campo Preencher opções de e definimos o tipo de postagem necessário . Como queremos escolher os filhos relacionados para o relacionamento “País > Passeios”, selecionamos o Tipo de Post “Tour” .
Nas configurações gerais do bloco , digite o rótulo do campo e altere o nome do campo do formulário .
” alt=”configurações de campo de caixa de seleção” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/11/checkbox-field-settings-2-1024×603.png” />Pressione o botão “Tags dinâmicas” no campo Valor padrão para abrir o pop-up.
Escolha a opção “Itens Relacionados” no campo Fonte , o nome da Relação necessária , a opção “Objeto filho” no campo Do Objeto e “ID do Objeto Atual” no campo ID do Objeto Inicial De (como queremos colocar o formulário para uma única página).
Pressione o botão “Atualizar” e vá para as configurações do JetForm e a guia Ações pós-envio . Selecione a opção “Conectar itens de relação” e clique no ícone em forma de lápis para editar a ação.
Na nova janela pop-up, selecione a Relação necessária . Escolha o nome do campo oculto (com a opção padrão “Current Post ID”) como o ID do item pai . Como Child Item ID , selecione o rótulo do campo criado para os itens relacionados (o Checkbox no nosso caso). Como é necessário exibir os objetos filhos no formulário, escolha a opção “Estamos atualizando itens filhos para o objeto pai” no campo Atualizar Contexto . No campo Como armazenar novos itens , escolha a opção “Desconectar itens selecionados”.
Clique no botão “Atualizar” e publique ou atualize o formulário para salvar as alterações quando terminar de editar os campos e ações.
Coloque o formulário no modelo de página única
Vá para Crocoblock> Theme Builder e escolha o modelo de corpo único do pai, clique nos três pontos e clique no botão “Editar conteúdo” . Além disso, você pode editar o cabeçalho necessário seguindo o caminho Crocoblock > Theme Templates .
No editor Elementor ou Gutenberg, coloque o widget ou bloco JetForm no modelo único. Escolha o formulário necessário no menu suspenso e personalize outras configurações de acordo com suas necessidades. Recomendamos escolher o tipo de envio “Recarregar página” para exibir todas as alterações na página após o envio do formulário. Depois de terminar, clique no botão “ Atualizar ” .
” alt=”jetform no modelo de página única” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2022/11/jetform-on-the-single-page-template-2-1024×598.png” />Prossiga para o objeto pai no front-end. Para isso, você pode ir até o tipo de postagem pai e clicar para visualizar uma das postagens.
No front end, basta clicar no botão “ Enviar” do formulário.
Após recarregar a página, você pode ver que todas as postagens foram desconectadas automaticamente.
Você também pode verificar no back-end, editando a postagem, se os itens filhos foram desconectados.
Desconectar objetos pais dos filhos
Crie um formulário
Navegue até Painel do WordPress > JetFormBuilder > Adicionar novo arquivo . Dê um título ao formulário e deixe as configurações padrão do bloco Campo Oculto .
Clique no botão “ Toggle block inserter ” e coloque o campo Select , Radio ou Checkbox para exibir os itens pais no formulário. Esteja ciente de que o Radio e o Select mostram apenas um item relacionado, e se adequa ao tipo de relação “Um para Um” ou “Um para Muitos”, e o Checkbox mostra um ou mais itens, e corresponde ao tipo de relação “Muitos para Muitos” ou Tipo de relação “Um para Muitos”.
Por exemplo, adicionamos o bloco Radio Field porque todas as postagens podem ter apenas um pai em nossa relação “Um para Muitos”.
Selecione “Postagens” como fonte no campo Preencher opções de e defina o tipo de postagem necessário . Como queremos selecionar o pai relacionado para o relacionamento “País > Passeios”, escolhemos o tipo de postagem “País” .
Nas configurações gerais do bloco , digite o rótulo do campo e altere o nome do campo do formulário .
Pressione o botão “Tags dinâmicas” no campo Valor padrão para abrir o pop-up.
Escolha a opção “Itens Relacionados” no campo Origem , o nome da Relação necessária , a opção “Objeto pai” no campo Do Objeto e “ID do Objeto Atual” no campo ID do Objeto Inicial De (como queremos colocar o formulário para uma única página). Pressione o botão “Atualizar” .
Vá para as configurações do JetForm e a guia Ações pós-envio . Selecione a opção “Conectar itens de relação” e clique no ícone em forma de lápis para editar a ação.
Na nova janela pop-up, selecione a Relação necessária . Como Parent Item ID , escolha o rótulo do campo criado para os itens relacionados (o Radio Field no nosso caso). Escolha o nome do campo oculto (com a opção padrão “ID da postagem atual”) como ID do item filho . Como é necessário exibir o objeto pai no formulário, escolha a opção “Estamos atualizando itens pai para o objeto filho” no campo Atualizar Contexto . No campo Como armazenar novos itens , escolha a opção “Desconectar itens selecionados”.
Clique no botão “Atualizar” e publique ou atualize o formulário para salvar as alterações quando terminar de editar os campos e ações.
Coloque o formulário no modelo de página única
Vá para Crocoblock> Theme Builder e escolha o modelo de corpo único dos filhos, clique nos três pontos e clique no botão “Editar conteúdo” . Além disso, você pode editar o cabeçalho necessário seguindo o caminho Crocoblock > Theme Templates .
No editor Elementor ou Gutenberg, coloque o widget ou bloco JetForm no modelo único. Escolha o formulário necessário no menu suspenso e personalize outras configurações de acordo com suas necessidades. Recomendamos escolher o tipo de envio “Recarregar página” para exibir todas as alterações na página após o envio do formulário. Depois de terminar, clique no botão “ Atualizar ” .
Prossiga para o objeto filho no front-end. Para isso, você pode ir até o tipo de postagem secundária e clicar para visualizar uma das postagens.
No front end, basta clicar no botão “ Enviar ” no formulário.
Após recarregar a página, você pode ver que todos os itens relacionados foram desconectados automaticamente.
Você também pode verificar no back-end, editando a postagem, se os itens filhos foram desconectados.
Isso é tudo. Agora você sabe como desconectar itens relacionados por meio do formulário JetFormBuilder do front end.