Liquid, javaScript, temi
Salve, ho un problema con il register di Shopify. Vi spiego il problema: vorrei rendere obbligatori tutti i campi, il problema è che in caso di errore mi inserisce gli errori solo di email e password, come posso aggiungere gli altri errori?
Vi posto il codice:
{{ 'customer.css' | asset_url | stylesheet_tag }}
<div class="customer register">
<svg style="display: none">
<symbol id="icon-error" viewBox="0 0 13 13">
<circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/>
<circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/>
<path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/>
<path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7">
</symbol>
</svg>
<h1>
{{ 'customer.register.title' | t }}
</h1>
{%- form 'create_customer', id: 'RegisterForm' -%}
{% assign error_venom = "first_name, last_name, email, password, address1, city, province, zip" | split: ", " %}
{%- if form.errors -%}
<div class="form__message" tabindex="-1" autofocus>
<svg aria-hidden="true" focusable="false" role="presentation">
<use href="#icon-error" />
</svg>
{{ 'templates.contact.form.error_heading' | t }}
</div>
<ul class="form-status-list form-status-list-error caption-large">
{% for error in error_venom %}
{% for field in form.errors %}
{% if error == field %}
{% capture field_label %}
{% case field %}
{% when 'first_name' %}
{{ 'customer.register.first_name' | t }}
{% when 'last_name' %}
{{ 'customer.register.last_name' | t }}
{% else %}
{{ form.errors.translated_fields[field] }}
{% endcase %}
{% endcapture %}
<li>
{%- if field == 'form' -%}
{{ form.errors.messages[field] }}
{%- else -%}
<a href="#RegisterForm-{{ field }}">
{{ field_label | strip | capitalize }} {{ form.errors.messages[field] }}
</a>
{%- endif -%}
</li>
{% endif %}
{% endfor %}
{% endfor %}
</ul>
{%- endif -%}
<div class="field">
<input
type="text"
name="customer[first_name]"
id="RegisterForm-FirstName"
{% if form.first_name %}value="{{ form.first_name }}"{% endif %}
{% if form.errors contains 'first_name' %}
aria-invalid="true"
aria-describedby="RegisterForm-FirstName-error"
style="color: #000000;
background-color: #E33535;
border-color: #980404;"
{% endif %}
placeholder="{{ 'customer.register.first_name' | t }}"
autocapitalize="words"
>
<label for="RegisterForm-FirstName">
{{ 'customer.register.first_name' | t }} <span aria-hidden="true">*</span>
</label>
</div>
<div class="field">
<input
type="text"
name="customer[last_name]"
id="RegisterForm-LastName"
{% if form.last_name %}value="{{ form.last_name }}"{% endif %}
{% if form.errors contains 'last_name' %}
aria-invalid="true"
aria-describedby="RegisterForm-LastName-error"
style="color: #000000;
background-color: #E33535;
border-color: #980404;"
{% endif %}
placeholder="{{ 'customer.register.last_name' | t }}"
autocapitalize="words"
>
<label for="RegisterForm-LastName">
{{ 'customer.register.last_name' | t }} <span aria-hidden="true">*</span>
</label>
</div>
<div class="field">
<input
type="email"
name="customer[email]"
id="RegisterForm-email"
{% if form.email %} value="{{ form.email }}"{% endif %}
spellcheck="false"
autocapitalize="off"
autocomplete="email"
aria-required="true"
{% if form.errors contains 'email' %}
aria-invalid="true"
aria-describedby="RegisterForm-email-error"
style="color: #000000;
background-color: #E33535;
border-color: #980404;"
{% endif %}
placeholder="{{ 'customer.register.email' | t }}"
>
<label for="RegisterForm-email">
{{ 'customer.register.email' | t }} <span aria-hidden="true">*</span>
</label>
</div>
<div class="field">
<input
type="password"
name="customer[password]"
id="RegisterForm-password"
aria-required="true"
{% if form.errors contains 'password' %}
aria-invalid="true"
aria-describedby="RegisterForm-password-error"
style="color: #000000;
background-color: #E33535;
border-color: #980404;"
{% endif %}
placeholder="{{ 'customer.register.password' | t }}"
>
<label for="RegisterForm-password">
{{ 'customer.register.password' | t }} <span aria-hidden="true">*</span>
</label>
</div>
<div class="field">
<input
type="text"
name="customer[address1]"
id="RegisterForm-Address1"
{% if form.address1 %}value="{{ form.address1 }}"{% endif %}
{% if form.errors contains 'address1' %}
aria-invalid="true"
aria-describedby="RegisterForm-Address1-error"
style="color: #000000;
background-color: #E33535;
border-color: #980404;"
{% endif %}
placeholder="{{ 'customer.addresses.address1' | t }}"
autocapitalize="words"
>
<label for="RegisterForm-Address1">
{{ 'customer.addresses.address1' | t }} <span aria-hidden="true">*</span>
</label>
</div>
<div class="field">
<input
type="text"
name="customer[city]"
id="RegisterForm-City"
{% if form.city %}value="{{ form.city }}"{% endif %}
aria-required="true"
{% if form.errors contains 'city' %}
aria-invalid="true"
aria-describedby="RegisterForm-City-error"
style="color: #000000;
background-color: #E33535;
border-color: #980404;"
{% endif %}
placeholder="{{ 'customer.addresses.city' | t }}"
>
<label for="RegisterForm-City">
{{ 'customer.addresses.city' | t }} <span aria-hidden="true">*</span>
</label>
</div>
<div class="field">
<input
type="text"
name="customer[province]"
id="RegisterForm-Province"
{% if form.province %}value="{{ form.province }}"{% endif %}
aria-required="true"
{% if form.errors contains 'province' %}
aria-invalid="true"
aria-describedby="RegisterForm-Province-error"
style="color: #000000;
background-color: #E33535;
border-color: #980404;"
{% endif %}
placeholder="{{ 'customer.addresses.province' | t }}"
>
<label for="RegisterForm-Province">
{{ 'customer.addresses.province' | t }} <span aria-hidden="true">*</span>
</label>
</div>
<div class="field">
<input
type="text"
name="customer[zip]"
id="RegisterForm-CAP"
{% if form.zip %}value="{{ form.zip }}"{% endif %}
aria-required="true"
{% if form.errors contains 'zip' %}
aria-invalid="true"
aria-describedby="RegisterForm-CAP-error"
style="color: #000000;
background-color: #E33535;
border-color: #980404;"
{% endif %}
placeholder="{{ 'customer.addresses.zip' | t }}"
>
<label for="RegisterForm-CAP">
{{ 'customer.addresses.zip' | t }} <span aria-hidden="true">*</span>
</label>
</div>
<div class="accepts-privacy">
<input type="hidden" name="customer[accepts_privacy]" value="false" />
<input type="checkbox" name="customer[accepts_privacy]" aria-required="true"/>
<label for="accepts-privacy">Accetta</label>
</div>
<button>
{{ 'customer.register.submit' | t }}
</button>
{%- endform -%}
</div>
Ciao @VZ1,
Grazie per averci contattato, sarà un piacere assisterti; Se ho ben capito, la tua intenzione è quella di rendere obbligatori tutti i campi in merito al Register di Shopify, giusto?
Quale tema stai utilizzando? Te lo chiedo perchè nel caso il tema fosse gestito da terze parti, avrei necessità di indirizzarsi direttamente alla loro assistenza, come citato nella Design Policy di Shopify, mentre se è un Tema Shopify eccoti alcune indicazioni. Non sono una specialista in coding e noi consulenti di Shopify non offriamo supporto in merito, ma farò del mio meglio per indicarti la giusta direzione; Vedi questi documenti in merito:
Per completezza eccoti la guida dei nostri sviluppatori: Collect additional customer information.
Se dovessi riscontare difficoltà, non dimenticare il supporto offerto dai nostri Experts. Altro consiglio: ricordati di duplicare il tuo tema, ogni volta che desideri applicare delle modifiche.
Un’ altra soluzione potrebbe essere quella di integrare la nostra piattaforma con una app come Modulo regist. Personalizzato, ci avevi già pensato?
Per finire, dimmi, come vanno le cose con la nostra piattaforma? Le aspettative che avevi stanno avendo riscontro con la tua esperienza? C’e’ qualche altra sfera della tua attività che vorresti prendere in considerazione con me?
Spero le mie informazioni possano risultare utili, resto a tua disposizione, buona giornata e buon lavoro.
Isabel | Social Care @ Shopify
- La mia risposta è stata utile? Metti Mi Piace per farmi sapere!
- Ho risposto alla tua domanda? Se si, Scegli Risposta accettata
- Per saperne di più visita Shopify Help Center oppure Shopify Blog
Incrementare il traffico di nuovi clienti verso il sito del proprio negozio è una delle...
By _Filo_ Sep 23, 2024TikTok è rapidamente emerso come una forza trainante nel panorama dei social media, riv...
By Alessio Sep 6, 2024Le differenze linguistiche possono rappresentare una barriera significativa quando si p...
By _Filo_ Aug 5, 2024