Configurarea meniurilor verticale în magazinul online

Puteți utiliza meniuri verticale pentru a grupa produse, colecții sau pagini și pentru a facilita navigarea clienților în magazinul dvs. online. De exemplu, dacă aveți multe produse, poate doriți să le adăugați în colecții și apoi să utilizați un meniu vertical din meniul principal pentru a organiza colecțiile. Acest lucru îi poate ajuta pe clienți să găsească tipul de produse pe care le caută.

De asemenea, puteți adăuga, elimina sau edita elemente de meniu în meniurile verticale sau în meniurile dvs. implicite.

Puteți vizualiza și modifica meniurile magazinului online din Conținut > Meniuri în panoul de administrare Shopify.

Imbricarea elementelor de meniu pentru a crea meniuri verticale

Puteți crea meniuri verticale prin crearea sau mutarea elementelor de meniu, astfel încât acestea să fie imbricate sub un element de nivel superior. Elementul de nivel superior se afișează în meniul principal al magazinului dvs. online, iar elementele de meniu imbricate se afișează într-un meniu vertical. Elementul de nivel superior poate avea până la două niveluri de meniuri verticale imbricate.

Toate temele vor afișa elementele imbricate ca meniuri verticale din meniul principal, iar unele teme vor afișa elementele imbricate ca meniuri verticale în alte locații.

Meniul principal și meniurile verticale se afișează în locații diferite în magazinul dvs. online, în funcție de temă. Unele teme afișează o pictogramă lângă numele unui meniu vertical în meniul principal pentru a-i ajuta pe clienți să recunoască prezența unui meniu vertical.

Adăugarea unui meniu vertical din meniul principal

Puteți adăuga un meniu vertical la oricare dintre elementele din meniul principal.

Pași:

Integrarea meniului de subsol

Meniurile verticale pot fi implementate și în meniurile de subsol.

Pași:

1. Din panoul de administrare Shopify, accesați Conținut > Meniuri.
2. Opțional: Urmați aceleași principii de imbricare utilizate pentru meniurile principale, cum ar fi tragerea elementelor de meniu sub un element antet pentru a crea o structură verticală, făcând clic pe și trăgând elementele la locul lor.
3. Introduceți # în câmpul Link pentru elementele antet care nu ar trebui să trimită la o pagină (de exemplu, antetele „Asistență” sau „Explorare”).

Considerații privind compatibilitatea temei

Examinați următoarele considerații pentru adăugarea meniurilor verticale la tema dvs.:

• Majoritatea temelor acceptă până la două niveluri de meniuri verticale imbricate. Verificați documentația temei dvs. sau testați elementele imbricate pentru a confirma compatibilitatea.
• Unele teme pot necesita ajustări CSS pentru a îmbunătăți gradul de utilizare pe mobil. Nu vă personalizați tema dacă nu sunteți familiarizat(ă) cu codul temei. Aflați mai multe despre personalizarea temei dvs.

Stabilirea faptului dacă tema dvs. acceptă meniuri verticale imbricate

Pentru a stabili dacă tema dvs. actuală acceptă numărul maxim de niveluri de meniu vertical imbricat pe care doriți să le implementați, puteți utiliza următoarele resurse:

1. Verificați documentația temei dvs.: Examinați documentația temei pentru informații specifice despre abilitățile meniului și nivelurile de imbricare acceptate.
2. Testați elementele imbricate: Creați o structură de meniu de test cu numărul dorit de niveluri imbricate și verificați dacă se afișează corect atât pe desktop, cât și pe dispozitivele mobile.

Majoritatea temelor acceptă până la două niveluri de meniuri verticale imbricate. Dacă întâmpinați probleme cu meniurile verticale, verificați dacă tema dvs. acceptă numărul de niveluri imbricate pe care încercați să le implementați, deoarece unele teme pot necesita personalizări suplimentare pentru a accepta mai multe niveluri de imbricare.

Cele mai bune practici pentru meniurile verticale

Examinați următoarele bune practici pentru a crea o structură de meniu utilă, care funcționează bine pe toate dispozitivele:

• Utilizați etichete descriptive, cum ar fi „Cumpărați după categorie”, pentru elementele de meniu de nivel superior cu linkuri #.
• Asigurați-vă că meniurile sunt optimizate pe dispozitivele mobile. Puteți testa meniurile pe dispozitive mobile pentru a confirma că meniurile verticale se extind conform așteptărilor.
• Adăugați șapte sau mai puține elemente de meniu de nivel superior pentru a evita supraaglomerarea.
• Utilizați titluri de link clare și descriptive. De exemplu, „Colecții” și „Rochii de vară”.
• Fiecare meniu poate avea până la 10.000 de articole, iar magazinul dvs. poate avea până la 1.000 de meniuri în total. Orice element de meniu cu sub-elemente într-un meniu vertical se contorizează ca un meniu separat pentru această limită.

Accesibilitatea meniului vertical

Majoritatea temelor implementează anteturile meniurilor verticale ca butoane, mai degrabă decât ca linkuri pe care se poate face clic. Acesta este un design intenționat pentru accesibilitate, care ajută clienții care utilizează tehnologii de asistență să înțeleagă structura de navigare.

Atunci când un element de meniu de nivel superior controlează un submeniu vertical, acesta funcționează ca un buton pentru a extinde meniul, mai degrabă decât ca un link către o pagină nouă. Această abordare asigură faptul că clienții care utilizează cititoare de ecran sau alte dispozitive de asistență pot naviga corect în sistemul de meniuri al magazinului dvs.

Dacă doriți ca clienții să acceseze o pagină principală de categorie (cum ar fi „Toate produsele” sau „Toate colecțiile”), atunci adăugați-o ca prim element în meniul vertical, în loc să faceți antetul clicabil.

Depanarea problemelor frecvente

Examinați următoarele soluții pentru problemele frecvente pe care le-ați putea întâmpina la configurarea meniurilor de navigare:

• Redirecționări ale meniului mobil: Dacă un link de meniu de nivel superior redirecționează către o pagină nouă atunci când îl atingeți, verificați meniul în panoul de administrare Shopify pentru a confirma că în câmpul pentru linkul de meniu este #.

• Probleme de vizibilitate: Dacă elementele imbricate nu se afișează, asigurați-vă că sunt trase complet sub elementul antet și indentate în interfața Meniuri. Confirmați că tema dvs. acceptă numărul de niveluri imbricate pe care le-ați configurat.

• Compatibilitatea temei: Dacă întâmpinați probleme cu meniurile verticale, verificați dacă tema dvs. acceptă numărul de niveluri imbricate pe care încercați să le implementați. Unele teme pot necesita personalizări suplimentare pentru a accepta mai multe niveluri de imbricare.

• Crearea meniului imbricat este blocată: Dacă întâmpinați eroarea „Meniul nu poate conține meniuri imbricate. Participați la funcția de navigare imbricată pentru a utiliza această opțiune”, este posibil ca magazinul dvs. să aibă nevoie de activarea funcției de navigare imbricată. Acest lucru afectează de obicei magazinele create înainte de 2018. Contactați Asistența Shopify dacă întâmpinați această eroare.

• Afișarea meniului greșit: Dacă aveți mai multe linkuri de navigare care trimit la aceeași pagină (cum ar fi pagina dvs. de pornire), este posibil ca tema dvs. să afișeze submeniul greșit. Asigurați-vă că fiecare secțiune de navigare are un link către o pagină unică pentru a evita confuzia.

• Dispariția elementelor de meniu: Dacă linkurile de meniu dispar fără a fi șterse, verificați dacă ați șters produsele, colecțiile sau paginile la care trimiteau elementele de meniu. Ștergerea resursei la care se face legătura elimină și elementul de meniu.

Personalizarea codului temei pentru meniurile verticale

Pentru temele care necesită o personalizare mai aprofundată, puteți lua în considerare personalizarea codului temei.