Skip to content

Instantly share code, notes, and snippets.

@rcapeto
Last active May 8, 2023 20:43
Show Gist options
  • Save rcapeto/031cacf996e7b90a3632eb1c6768862b to your computer and use it in GitHub Desktop.
Save rcapeto/031cacf996e7b90a3632eb1c6768862b to your computer and use it in GitHub Desktop.
Criação do conteúdo do serviço indisponível

📄 Criação/Atualização do Seviço indisponível

Documentação para editar documento do modal de serviço indisponível no site da meutudo.

  • Para facilitar na edição dos conteúdos , decidimos cadastrar via Prismic, para não depender de um deploy para fazer ajustes de texto, imagem e etc.

1. Acessar o Prismic

  • Acessar o link para o Prismic e logar na plataforma.

2. Editar o conteúdo

  • Entre na primeira aba do lado superior esquerdo, chamado documents;
  • Para facilicar, clique no filtro de type e procure pelo: unavailable_service;
  • Existe um conteúdo cadastrado, que vai ser o conteúdo que vamos sempre alterar;
  • Clique no conteúdo.

Página do conteúdo.

Na página existe os campos para edição que vai refletir no modal.

  • Segue os campos a seguir:
Campo Explicação Exemplo
uid Campo único para o item, pode ser gerado automanticamente ou cadastrado manualmente -
event_screen_id Campo para sinalizar no disparo de evento qual seria a tela -
event_name Campo para sinalizar no disparo de evento qual seria o nome do evento modal_indisponiblidade
imagem Imagem para ser renderizada, podemos alterar o texto alternativo também, muito bom para SEO do site. Arquivo para selecionar
titulo Título do modal Serviço indisponível
start_date Data de ínicio para o modal aparecer -
end_date Data final para o modal aparecer -

*No event_name vai ser adicionado no final, se foi aberto ou fechado o modal Ex: modal_indisponiblidade_aberto.

Na descrição nós temos um template que podemos adicionar: {{start_date}} e {{end_date}}, no modal eles vão ser alterados para datas que foram selecionadas no campo de início e término

Exemplo:
  • Cadastro: Entre os horários de {{start_date}} até {{end_date}}, do dia de hoje...
  • Layout: Entre os horários de 11h11 até 11h11, do dia de hoje...

Ao finalizar o cadastro ou a edição, lembre-se:

  • Salvar;
  • Publicar;

🚫 Somente fazendo esses passos vai refletir em produção. 🚫


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment