Página de Manutenção

Olá, bom dia

Gostaria de saber quando - se for, será criado uma página de manutenção…

Conversei com o Matheus a alguns meses atrás, mas a opção de que ele me passou eu não gostei muito…

Queria uma página de manutenção que fosse possível ativar e desativar e que desse para se colocar uma frase personalizada (segue um exemplo abaixo)…

Como tá chegando Black Friday eu pretendia deixar a minha loja em manutenção um dia ou algumas horas e só ativar no dia/hora da promoção e que isso fosse feito de uma forma rápida e prática pelo painel do administrador

Não só para a Black Friday mas para outras promoções ou lançamento de coleções que farei e que fosse necessária fechar a loja sem muita complicação.

oi, tudo bem @voller?

Aqui: Sobre a página, o Jeito mais simples de fazê la é usar no CMS. Você vai em: Páginas > Extra.

Coloca o texto que você precisar. Se quiser, podemos personalizar com imagem ou cores.
Salve a pagina extra com o nome lancamento

No nosso caso, para ativar, bastaria colocar o trecho de código abaixo no arquivo que vou te passar:

[[redirects]]

  from = "/*"
  to = "https://www.vollermanie.com.br/pages/lancamentos"
  status = 302
  force = true

Esse código deve ser colocado no final do arquivo:


(cada logista em o seu repositório, basta trocar o nome voller pelo seu respectivo repositório).

Pronto! Isso é suficiente para fixar essa página para os seus clientes.

Depois que vc criar a página extra, me avisa aqui que posso te ajudar com o layout dela. e se ficou meio confuso ou não entendeu alguma situação, me avisa aqui tbm ta!

Abraços! :blush:

1 Curtida

Olá @thais bom dia
Tudo bem?

Entendi mais ou menos rsrs

Então pra ativar e desativar eu teria que ficar colocando e tirando esse trecho do código que você me passou certo?

Isso mesmo!

Só colocar ou retirar… Ele demora poucos minutinhos para executar e efetivar a mudança na sua loja. Rapidinho mesmo.

Oii, @thais fiz a página extra como você orientou, sobre o layout poderia ser mais ou menos como te mandei na imagem de exemplo acima…

A minha logo, e a frase (que está na pagina extra) na minha cor principal logo abaixo.

oi, tudo bem?

Coloca a sua logomarca na página extra que vc criou. Que ai eu ajeito aqui:

Feito!

Blz! Vou mexer aqui e te mando o código ai.

oi, tudo bem?

Da uma olhadinha nessa pagína de manuntenção aqui:

É assim que precisa?

Se for, basta incluir o código abaixo:

#lancamentos .container {
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
    font-size: 200%;
    color: #d20039;
}
#lancamentos .container img {
    width: auto;
    max-width: 450px;
}

.__pages_lancamentos .header, .__pages_lancamentos .footer {
    display: none !important;
}

Se quiser que inclui ou retira alguma coisa, só avisar, ta!
Lembrando que essa página que eu te enviei é da minha loja de teste, ta!

Abraço! :blush:

Olá @thais
Tudo bem?

A Página ficou boa, mas gostaria de modificar algumas coisas

  1. Teria como mudar a fonte do texto? Se sim , pode ser a ‘‘Clarika Office Grotesque DEMO Bold’’

  2. A página ficou com rolagem, teria como diminuir o espaço do inicio da página até a logo, e um pouco da logo até a frase? (via desktop e via mobile)

Segue imagem do espaço do inicio da página até a logo

Ficaria mais ou menos assim (isso via desktop), tirando um pouco de espaço tambem entre e logo e frase personalizada

  1. Via Mobile a logo ficou muito grande e está rolagem tanto para baixo, quanto para os lados, teria que dar uma mexida tambem para deixar mais centrado e sem rolagem…

Outra coisa, voce tinha passado um código para colocar no final do arquivo do github, para caso eu quisesse ativar e desativar a página de manutenção

[[redirects]]

from = “/*”
to = “https://www.vollermanie.com.br/pages/lancamento
status = 302
force = true

Mas ontem você mandou um outro código, esse código é abaixo do outro? Não entendi direito, ou eu coloco esse código de ontem e logo abaixo o anterior?

O código que eu mandei por último é o css para customizar a página. Ele deve ficar no CMS lá em Layout > Inserir código > ultimo quadro da tela.

Vou ajustar aqui o que me pediu e te mandar o código css completo, ta!

Abraço!

Tá bom @thais , obrigada!