Nastavitev spustnih menijev v spletni trgovini

S spustnimi meniji lahko združite izdelke, zbirke ali strani, s čimer strankam olajšate krmarjenje po spletni trgovini. Če imate na primer veliko izdelkov, jih lahko dodate v zbirke in nato uporabite spustni meni iz glavnega menija za organizacijo teh zbirk. S tem strankam pomagate najti vrsto izdelkov, ki jih iščejo.

Prav tako lahko dodate, odstranite ali uredite elemente menija v spustnih menijih ali privzetih menijih.

Menije spletne trgovine lahko pregledate in spremenite v razdelku Vsebina > Meniji v skrbniški plošči Shopify.

Vgradnja elementov menija za ustvarjanje spustnih menijev

Spustne menije lahko ustvarite tako, da elemente menija ustvarite ali premaknete tako, da so vgrajeni pod element najvišje ravni. Element najvišje ravni je prikazan v glavnem meniju v spletni trgovini, vgrajeni elementi menija pa so prikazani v spustnem meniju. Element najvišje ravni ima lahko do dve ravni vgrajenih spustnih menijev.

Vse teme bodo prikazale vgrajene elemente kot spustne menije iz glavnega menija, nekatere teme pa jih bodo prikazale kot spustne menije na drugih lokacijah.

Glavni meni in spustni meniji se v spletni trgovini prikažejo na različnih lokacijah, odvisno od vaše teme. Nekatere teme ob imenu spustnega menija v glavnem meniju prikažejo ikono, ki strankam pomaga prepoznati, da je tam spustni meni.

Dodajanje spustnega menija iz glavnega menija

Spustni meni lahko dodate iz katerega koli elementa v glavnem meniju.

Koraki:

Namizni računalnik
  1. V skrbniški plošči Shopify pojdite v Vsebina > Meniji.

  2. Kliknite ime glavnega menija.

  3. Izberite enega od elementov glavnega menija, ki bo glava spustnega menija, ali dodajte nov element menija. Če ne želite, da bi glava vsebovala povezavo, vnesite # v polje Išči ali prilepi povezavo za element menija glave.

  4. Za dodajanje elementa menija, ki ga želite vključiti v spustni meni, izvedite naslednje korake:

    1. Kliknite Dodaj element menija.
    2. V polje Ime vnesite ime za element menija.
    3. V polje Išči ali prilepi povezavo vnesite ali izberite destinacijo za vaš element menija.
  5. Kliknite Dodaj, nato pa kliknite Povleci in povlecite element menija, da ga vgradite pod element menija glave.

  6. Kliknite Shrani meni.

Mobilna naprava
  1. V aplikaciji Shopify se dotaknite ikone Meni.

  2. V meniju Vsebina se dotaknite ikone puščica dol in nato Meniji.

  3. Dotaknite se imena glavnega menija.

  4. Izberite enega od elementov glavnega menija, ki bo glava vašega spustnega menija, ali dodajte nov element menija, ki bo glava. Če ne želite, da bi glava vsebovala povezavo, vnesite # v polje Išči ali prilepi povezavo za element menija glave.

  5. Za dodajanje elementa menija, ki ga želite vključiti v spustni meni, izvedite naslednje korake:

    1. Dotaknite se Dodaj element menija.
    2. V polje Ime vnesite ime za element menija.
    3. V polje Išči ali prilepi povezavo vnesite ali izberite destinacijo za vaš element menija.
  6. Dotaknite se Dodaj, nato pa Povleci in povlecite element menija, da ga vgradite pod element menija glave.

  7. Dotaknite se Shrani ali .

Spustne menije lahko vključite tudi v menije v nogi strani.

Koraki:

  1. V skrbniški plošči Shopify pojdite v Vsebina > Meniji.
  2. Izbirno: Upoštevajte ista načela vgradnje kot pri glavnih menijih, kot je vlečenje elementov menija pod element glave, da s klikom ikone Povleci in vlečenjem elementov na mesto ustvarite strukturo spustnega menija.
  3. V polje Povezava vnesite # za elemente glave, ki naj ne vsebujejo povezave do strani (na primer za glavi »Podpora« ali »Razišči«).

Premisleki glede združljivosti tem

Pri dodajanju spustnih menijev v temo upoštevajte naslednje:

  • Večina tem podpira do dve ravni vgrajenih spustnih menijev. Za potrditev združljivosti preverite dokumentacijo teme ali pa preizkusite vgrajene elemente.
  • Pri nekaterih temah bodo za izboljšanje uporabnosti na mobilnih napravah morda potrebne prilagoditve seznamov slogov (CSS). Teme ne prilagajajte, če ne poznate kode teme. Več informacij o prilagajanju teme.

Določanje, ali vaša tema podpira vgrajene spustne menije

Da bi ugotovili, ali vaša trenutna tema podpira največje število ravni vgrajenega spustnega menija, ki ga želite implementirati, lahko uporabite naslednje vire:

  1. Preverite dokumentacijo teme: V dokumentaciji teme preverite specifične informacije o zmožnostih menija in podprtih ravneh vgradnje.
  2. Preizkusite vgrajene elemente: Ustvarite testno strukturo menija z želenim številom vgrajenih ravni in preverite, ali se pravilno prikazuje tako na namiznih računalnikih kot tudi na mobilnih napravah.

Večina tem podpira do dve ravni vgrajenih spustnih menijev. Če imate s spustnimi meniji težave, preverite, ali vaša tema podpira število vgrajenih ravni, ki jih poskušate implementirati, saj lahko nekatere teme zahtevajo dodatno prilagajanje za podporo več ravni vgradnje.

Najboljše prakse za spustne menije

Da bi ustvarili uporabno strukturo menija, ki dobro deluje na vseh napravah, preglejte naslednje najboljše prakse:

  • Za elemente menija na najvišji ravni s povezavami # uporabite opisne etikete, na primer »Nakupujte po kategorijah«.
  • Poskrbite, da bodo meniji na mobilnih napravah optimizirani. Menije lahko preizkusite na mobilnih napravah in tako preverite, ali se spustni meniji po pričakovanjih razširijo.
  • Dodajte največ sedem elementov menija na najvišji ravni, da se izognete prenatrpanosti.
  • Uporabljajte jasne in opisne naslove povezav. Na primer »Zbirke« in »Poletne obleke«.
  • Posamezen meni ima lahko do 10.000 elementov, vaša trgovina pa lahko ima skupno do 1000 menijev. Vsak element menija s podelementi v spustnem meniju se glede te omejitve šteje kot ločen meni.

Dostopnost spustnega menija

Večina tem uvaja glave spustnih menijev kot gumbe in ne kot povezave, ki jih je mogoče klikniti. To je namerna zasnova dostopnosti, ki strankam, ki uporabljajo podporno tehnologijo, pomaga razumeti navigacijsko strukturo.

Kadar element menija na najvišji ravni upravlja spustni podmeni, deluje kot gumb za razširitev menija in ne kot povezava na novo stran. Ta pristop zagotavlja, da lahko stranke, ki uporabljajo bralnike zaslona ali druge podporne naprave, ustrezno uporabljajo navigacijo menijskega sistema vaše trgovine.

Če želite, da stranke dostopajo do glavne strani kategorije (kot je »Vsi izdelki« ali »Vse zbirke«), to dodajte kot prvi element v sam spustni meni in ne kot glavo, ki jo je mogoče klikniti.

Odpravljanje pogostih težav

Preglejte naslednje rešitve za pogoste težave, na katere lahko naletite pri nastavljanju navigacijskih menijev:

  • Preusmeritve mobilnih menijev: Če povezava v meniju najvišje ravni ob dotiku preusmerja na novo stran, preverite meni v skrbniški plošči Shopify, da se prepričate, ali je polje za povezavo menija #.

  • Težave z vidljivostjo: Če se vgrajeni elementi ne prikažejo, preverite, ali so v vmesniku Meniji povlečeni v celoti pod element glave in so zamaknjeni. Preverite, ali vaša tema podpira število vgrajenih ravni, ki ste jih nastavili.

  • Združljivost teme: Če imate s spustnimi meniji težave, preverite, ali vaša tema podpira število vgrajenih ravni, ki jih poskušate implementirati. Nekatere teme lahko zahtevajo dodatno prilagajanje za podporo več ravni vgradnje.

  • Blokirano ustvarjanje vgrajenega menija: Če naletite na napako »Meni ne more vsebovati vgrajenih menijev. Prijavite se za uporabo funkcije vgrajene navigacije«, boste v svoji trgovini morda morali aktivirati funkcijo vgrajene navigacije. To običajno vpliva na trgovine, ki so bile ustvarjene pred letom 2018. Če naletite na to napako, se obrnite na podporo Shopify.

  • Prikaz napačnega menija: Če imate več navigacijskih povezav, ki kažejo na isto stran (na primer na domačo stran), bo vaša tema morda prikazala napačen podmeni. Prepričajte se, da posamezni navigacijski razdelek povezuje na edinstveno stran, da se izognete zmedi.

  • Izginjanje elementov menija: Če povezave v meniju izginejo, ne da bi jih izbrisali, preverite, ali ste izbrisali izdelke, zbirke ali strani, do katerih so povezovali elementi menija. Če izbrišete povezani vir, se izbriše tudi element menija.

Prilagajanje kode teme za spustne menije

Pri temah, ki zahtevajo obsežnejše prilagajanje, lahko razmislite o prilagajanju kode teme.