Adăugați un link de conectare pentru clienți la tema dumneavoastră

Dacă utilizați conturi de client și nu se afișează un link de conectare în antetul temei pentru ca clienții să se poată conecta, atunci puteți adăuga un link de conectare pentru clienți la tema dumneavoastră.

Verificați dacă există un link de conectare la tema dumneavoastră

Multe teme includ linkuri de conectare în mod implicit. Înainte de a continua cu acest tutorial, verificați dacă linkurile de conectare sunt acceptate la tema dumneavoastră.

Pași:

  1. Din panoul de administrare Shopify, accesați Setări > Conturi de client.

  2. Activați butonul de comutare Afișați linkurile de conectare.

  3. După ce activați linkurile de conectare, vizitați-vă magazinul online ca și cum ați fi un client și căutați pictograma de profil în antetul magazinului pentru a vă conecta.

  4. Dacă pictograma de profil nu se afișează, atunci urmați pașii pentru a adăuga un link de conectare la tema dumneavoastră.

Adăugați un link de conectare la tema dumneavoastră

Dacă în antetul magazinului online nu se afișează o pictogramă de profil care le permite clienților să se conecteze la magazinul dumneavoastră, atunci puteți adăuga un link de conectare la tema dumneavoastră.

Pași:

  1. Din panoul de administrare Shopify, accesați Magazin online > Teme.

  2. Găsiți tema pe care doriți să o editați, faceți clic pe butonul pentru a deschide meniul de acțiuni, apoi faceți clic pe Editare cod.

  3. În folderul Secțiuni, deschideți fișierul header.liquid.

  4. Adăugați următorul fragment de cod în fișierul header.liquid, apoi faceți clic pe Salvare.

  • Pentru a redirecționa clienții către conturile de client după conectare:
{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.account_login_url }}">Login</a>
{% endif %}
  • Pentru a redirecționa clienții înapoi la magazinul online după conectare:
{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.storefront_login_url }}">Login</a>
{% endif %}