Visão geral do widget do botão Data Store

Visão geral dos recursos

Vá para o painel de controle do administrador e abra JetEngine > JetEngine dashboard . Habilite o módulo Data Stores marcando a caixa e pressionando o botão “ Salvar ”.

armazenamentos de dados habilitados em módulos de motores a jatoDepois disso, acesse o painel de administração e abra a listagem que você criou para seu Data Store. Caso precise de uma dica sobre como criar um Data Store, consulte este tutorial . 

Em seguida, adicione todos os dados necessários com a ajuda dos widgets dinâmicos. Na guia Elementos, encontre o widget Botão de armazenamento de dados e adicione-o à página.

widget de botão de armazenamento de dadosAgora vamos dar uma olhada em todos os recursos.

Selecione Loja

Aqui você pode escolher a loja que criou anteriormente no módulo Data Store. No nosso caso, serão “agentes favoritos”. 

selecionando a fonte para o botão de armazenamento de dados

Rótulo

Nesta barra, você pode nomear seu botão. É assim que os usuários verão isso no front-end.

definindo um rótulo para o botão de armazenamento de dados

Ícone

Você pode escolher um ícone para o seu botão na Biblioteca ou fazer upload de um ícone SVG personalizado. Também existe a oportunidade de deixá-lo sem ícone. Você decide.

adicionando um ícone para botão de armazenamento de dados no Elementor

Recarregar grade de listagem em caso de sucesso

Habilite esta opção para recarregar a grade de listagem com as postagens atuais da Loja em caso de sucesso.

grade de listagem de recarga habilitada na opção de sucesso

Abra pop-up sobre sucesso

Com esta opção, você pode escolher o pop-up do JetPopup após o Post ser adicionado com sucesso à loja. O pop-up deve ser selecionado na guia Avançado> seção JetPopup e o tipo de gatilho deve ser definido como “Nenhum”.

opção de abertura de pop-up ativada em caso de sucesso

Ação após um item adicionado à loja

Esta opção permite que você escolha uma ação a ser executada após adicionar um item à sua loja. Vamos verificar todas as três ações.

  • Botão Remover da loja. Se você escolher esta ação, esse botão aparecerá e você poderá remover o produto que já adicionou. Você pode adicionar um rótulo a ele, por exemplo, “Remover”. Além disso, há a oportunidade de adicionar um ícone. Esta é uma opção útil porque o widget Dynamic Link implica adicionar um widget para o botão “ Adicionar à loja” e outro para “ Remover ”. Agora está disponível em um widget.

opção de botão remover da loja

  • Mudar o status do botão . Esta opção permite alterar o status do botão, adicionar um rótulo e um ícone a ele. Além disso, você pode adicionar a URL para onde será redirecionado após adicionar um item à loja. Também existe a opção de abrir o link em uma nova janela e adicionar determinados atributos.

opção de status do botão de comutação selecionada nas configurações do botão do armazenamento de dados

  • Botão Ocultar . Depois de ativar esta opção, o botão não ficará visível no front end depois que você adicionar um produto à loja.

ocultar botão de armazenamento de dados

Contexto

Define qual ID atribuir ao item armazenado com base no contexto selecionado:

  • Objeto padrão . Página atual ou item de listagem;
  • Usuário Atual (global) . Usuário para quem a página foi criada;
  • Usuário Atual (para escopo atual) . Usuário que está processando no momento, não o usuário logado;
  • Usuário consultado . Usuário atualmente logado ou mencionado na URL (o ID do usuário está na URL);
  • Autor da postagem atual . Usuário que é o autor da postagem aberta no momento;
  • Objeto padrão do WordPress (para a página atual) . O objeto global atual para a página atual é definido pelo WordPress. Por exemplo, em uma única página/post, será sempre o post atual, mesmo que você vá para a listagem adicionada a esta página;
  • Autor atual do item CCT . Usuário que é o autor do item CCT atualmente aberto .

opções de contexto no widget do botão do armazenamento de dadosDepois de concluir os recursos, abra a guia Estilo e personalize a aparência do widget usando as opções disponíveis. 

Agora você sabe como adicionar e personalizar facilmente o widget Data Store Button do plug-in JetEngine.

Índice