Esse tpl mostra a página em construção, ativada no Administrador Nuvem na seção Minha Nuvemshop > Página em construção. A nível de estrutura, é uma cópia do layout.tpl, mas com menos funcionalidades, já que a página em construção mostra um texto adicionado no Administrador Nuvem, meios de contato, redes sociais e um formulário para destravar a loja e poder acessar a página inicial.
Por ser muito parecido ao layout.tpl, vamos chamar à logo da loja, o CSS geral do layout, uma parte do JS e o footer.
A parte relevante neste tpl é a seguinte:
<h2 class="mb-5">{{ message }}</h2>
{% embed "snipplets/forms/form.tpl" with{form_id: 'password-form', submit_text: 'Desbloquear' | translate } %}
{% block form_body %}
{% embed "snipplets/forms/form-input.tpl" with{input_for: 'password', type_password: true, input_name: 'password', input_help: true, input_help_link: store.customer_reset_password_url, input_label_text: 'Contraseña de acceso' | translate } %}
{% block input_form_alert %}
{% if invalid_password == true %}
<div class="alert alert-danger">{{ 'La contraseña es incorrecta.' | translate }}</div>
{% endif %}
{% endblock input_form_alert %}
{% endembed %}
{% endblock %}
{% endembed %}Usamos “message” para mostrar uma mensagem enquanto a loja está “em construção” ou “pausada” por qualquer que seja a razão.
Podemos ver também, no código anterior que há um formulário incluído usando um embed. Dentro dele temos outro embed para o input de senha usado para desbloquear a loja.