63 lines
2.0 KiB
Plaintext
63 lines
2.0 KiB
Plaintext
{% form 'customer', class: 'newsletter-form' %}
|
|
<input type="hidden" name="contact[tags]" value="newsletter">
|
|
<div
|
|
class="newsletter-form__field-wrapper{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
|
|
{% if settings.animations_reveal_on_scroll %}
|
|
data-cascade
|
|
style="--animation-order: {{ forloop.index }};"
|
|
{% endif %}
|
|
>
|
|
<div class="field">
|
|
<input
|
|
id="NewsletterForm--{{ section.id }}"
|
|
type="email"
|
|
name="contact[email]"
|
|
class="field__input"
|
|
value="{{ form.email }}"
|
|
aria-required="true"
|
|
autocorrect="off"
|
|
autocapitalize="off"
|
|
autocomplete="email"
|
|
{% if form.errors %}
|
|
autofocus
|
|
aria-invalid="true"
|
|
aria-describedby="Newsletter-error--{{ section.id }}"
|
|
{% elsif form.posted_successfully? %}
|
|
aria-describedby="Newsletter-success--{{ section.id }}"
|
|
{% endif %}
|
|
placeholder="{{ 'newsletter.label' | t }}"
|
|
required
|
|
>
|
|
<label class="field__label" for="NewsletterForm--{{ section.id }}">
|
|
{{ 'newsletter.label' | t }}
|
|
</label>
|
|
<button
|
|
type="submit"
|
|
class="newsletter-form__button field__button"
|
|
name="commit"
|
|
id="Subscribe"
|
|
aria-label="{{ 'newsletter.button_label' | t }}"
|
|
>
|
|
{% render 'icon-arrow' %}
|
|
</button>
|
|
</div>
|
|
{%- if form.errors -%}
|
|
<small class="newsletter-form__message form__message" id="Newsletter-error--{{ section.id }}">
|
|
{%- render 'icon-error' -%}
|
|
{{- form.errors.translated_fields.email | capitalize }}
|
|
{{ form.errors.messages.email -}}
|
|
</small>
|
|
{%- endif -%}
|
|
</div>
|
|
{%- if form.posted_successfully? -%}
|
|
<h3
|
|
class="newsletter-form__message newsletter-form__message--success form__message"
|
|
id="Newsletter-success--{{ section.id }}"
|
|
tabindex="-1"
|
|
autofocus
|
|
>
|
|
{% render 'icon-success' -%}
|
|
{{- 'newsletter.success' | t }}
|
|
</h3>
|
|
{%- endif -%}
|
|
{% endform %} |