Išskleidžiamųjų meniu nustatymas internetinėje parduotuvėje

Galite naudoti išskleidžiamuosius meniu, norėdami sugrupuoti produktus, kolekcijas ar puslapius ir palengvinti klientams naršymą Jūsų internetinėje parduotuvėje. Pavyzdžiui, jei turite daug produktų, galbūt norėsite juos įtraukti į kolekcijas, o tada naudoti pagrindinio meniu išskleidžiamąjį meniu, kad susistemintumėte kolekcijas. Tai gali padėti klientams rasti ieškomų tipų produktus.

Taip pat galite pridėti, šalinti arba redaguoti meniu elementus išskleidžiamuosiuose arba numatytuosiuose meniu.

Savo internetinės parduotuvės meniu galite peržiūrėti ir keisti „Shopify“ administratoriaus skydelyje, nuėję į Turinys > Meniu.

Meniu elementų įdėjimas, siekiant sukurti išskleidžiamuosius meniu

Išskleidžiamuosius meniu galite sukurti kurdami arba perkeldami meniu elementus taip, kad jie būtų įdėti po aukščiausio lygio elementu. Aukščiausio lygio elementas rodomas pagrindiniame Jūsų internetinės parduotuvės meniu, o įdėtieji meniu elementai rodomi išskleidžiamajame meniu. Aukščiausio lygio elementas gali turėti iki dviejų lygių įdėtųjų išskleidžiamųjų meniu.

Visos temos rodys įdėtuosius elementus kaip išskleidžiamuosius meniu iš pagrindinio meniu, o kai kurios temos rodys įdėtuosius elementus kaip išskleidžiamuosius meniu kitose vietose.

Pagrindinis meniu ir išskleidžiamieji meniu Jūsų internetinėje parduotuvėje rodomi skirtingose vietose, priklausomai nuo Jūsų temos. Kai kuriose temose šalia išskleidžiamojo meniu pavadinimo pagrindiniame meniu rodoma piktograma, padedanti klientams atpažinti, kad ten yra išskleidžiamasis meniu.

Išskleidžiamojo meniu pridėjimas iš pagrindinio meniu

Galite pridėti išskleidžiamąjį meniu iš bet kurio pagrindinio meniu elemento.

Veiksmai:

Stalinis kompiuteris
  1. „Shopify“ administratoriaus skydelyje eikite į Turinys > Meniu.

  2. Spustelėkite pagrindinio meniu pavadinimą.

  3. Pasirinkite vieną iš pagrindinio meniu elementų, kuris bus Jūsų išskleidžiamojo meniu antraštė, arba pridėkite naują meniu elementą. Jei nenorite, kad antraštė neturėtų nuorodos, tuomet antraštės meniu elemento lauke Ieškoti arba įklijuoti nuorodą įveskite #.

  4. Norėdami pridėti meniu elementą, kuris bus įtrauktas į išskleidžiamąjį meniu, atlikite šiuos veiksmus:

    1. Spustelėkite Pridėti meniu elementą.
    2. Lauke Pavadinimas įveskite meniu elemento pavadinimą.
    3. Lauke Ieškoti arba įklijuoti nuorodą įveskite arba pasirinkite meniu elemento paskirties vietą.
  5. Spustelėkite Pridėti, tada spustelėkite Vilkite ir vilkite meniu elementą, kad jį įdėtumėte po antraštės meniu elementu.

  6. Spustelėkite Įrašyti meniu.

Mobilusis įrenginys
  1. Shopify app“ bakstelėkite Meniu piktogramą.

  2. Meniu Turinys bakstelėkite piktogramą rodyklė žemyn, o tada bakstelėkite Meniu.

  3. Bakstelėkite savo pagrindinio meniu pavadinimą.

  4. Pasirinkite vieną iš pagrindinio meniu elementų, kad jis taptų Jūsų išskleidžiamojo meniu antrašte, arba pridėkite naują meniu elementą, kuris bus antraštė. Jei nenorite, kad antraštė būtų nuoroda, antraštės meniu elemento lauke Ieškoti arba įklijuoti nuorodą įveskite #.

  5. Norėdami pridėti meniu elementą, kuris bus įtrauktas į išskleidžiamąjį meniu, atlikite šiuos veiksmus:

    1. Bakstelėkite Pridėti meniu elementą.
    2. Lauke Pavadinimas įveskite meniu elemento pavadinimą.
    3. Lauke Ieškoti arba įklijuoti nuorodą įveskite arba pasirinkite meniu elemento paskirties vietą.
  6. Bakstelėkite Pridėti, tada bakstelėkite Vilkite ir nuvilkite meniu elementą, kad įdėtumėte jį po antraštės meniu elementu.

  7. Bakstelėkite Išsaugoti arba .

Išskleidžiamuosius meniu taip pat galima įdiegti poraštės meniu.

Veiksmai:

  1. „Shopify“ administratoriaus skydelyje eikite į Turinys > Meniu.
  2. Pasirinktinai: vadovaukitės tais pačiais įdėjimo principais, kurie taikomi pagrindiniams meniu, pavyzdžiui, nuvilkdami meniu elementus po antraštės elementu, kad sukurtumėte išskleidžiamojo meniu struktūrą. Tam spustelėkite piktogramą Vilkite ir nuvilkite elementus į reikiamą vietą.
  3. Antraštės elementams, kurie neturėtų būti nuoroda į puslapį, lauke Nuoroda įveskite # (pavyzdžiui, antraštėms „Pagalba“ arba „Naršyti“).

Temos suderinamumo aspektai

Peržiūrėkite šiuos aspektus, susijusius su išskleidžiamųjų meniu pridėjimu prie temos:

  • Dauguma temų palaiko iki dviejų lygių įdėtuosius išskleidžiamuosius meniu. Patikrinkite savo temos dokumentaciją arba išbandykite įdėtuosius elementus, kad patvirtintumėte suderinamumą.
  • Kai kurioms temoms gali prireikti CSS korekcijų, kad pagerėtų jų naudojimas mobiliuosiuose įrenginiuose. Netinkinkite savo temos, jei nesate susipažinę su temos kodu. Sužinokite daugiau apie temos tinkinimą.

Nustatymas, ar Jūsų tema palaiko įdėtuosius išskleidžiamuosius meniu

Norėdami nustatyti, ar dabartinė Jūsų tema palaiko maksimalų įdėtųjų išskleidžiamųjų meniu lygių skaičių, kurį norite įdiegti, galite pasinaudoti šiais ištekliais:

  1. Patikrinkite savo temos dokumentaciją: peržiūrėkite temos dokumentaciją, kad gautumėte konkrečios informacijos apie meniu funkcijas ir palaikomus įdėjimo lygius.
  2. Išbandykite įdėtuosius elementus: sukurkite bandomąją meniu struktūrą su norimu įdėjimo lygių skaičiumi ir patikrinkite, ar ji tinkamai rodoma tiek staliniuose kompiuteriuose, tiek mobiliuosiuose įrenginiuose.

Dauguma temų palaiko iki dviejų lygių įdėtuosius išskleidžiamuosius meniu. Jei kyla problemų dėl išskleidžiamųjų meniu, patikrinkite, ar Jūsų tema palaiko norimą įdiegti įdėjimo lygių skaičių, nes kai kurioms temoms gali prireikti papildomo tinkinimo, kad būtų palaikomas kelių lygių įdėjimas.

Geriausia praktika dirbant su išskleidžiamaisiais meniu

Peržiūrėkite toliau pateiktą geriausią praktiką, kad sukurtumėte naudingą meniu struktūrą, kuri gerai veiktų visuose įrenginiuose:

  • Aukščiausio lygio meniu elementams su # nuorodomis naudokite aprašomąsias etiketes, pavyzdžiui, „Apsipirkti pagal kategoriją“.
  • Užtikrinkite, kad meniu būtų optimizuoti mobiliuosiuose įrenginiuose. Galite išbandyti meniu mobiliuosiuose įrenginiuose, kad patvirtintumėte, jog išskleidžiamieji meniu išsiskleidžia, kaip tikėtasi.
  • Pridėkite septynis ar mažiau aukščiausio lygio meniu elementų, kad išvengtumėte perkrovimo.
  • Naudokite aiškius ir aprašomuosius nuorodų pavadinimus. Pavyzdžiui, „Kolekcijos“ ir „Vasaros suknelės“.
  • Kiekvienas meniu gali turėti iki 10 000 elementų, o Jūsų parduotuvė iš viso gali turėti iki 1 000 meniu. Į šį limitą kiekvienas meniu elementas, turintis poelementų išskleidžiamajame meniu, įskaičiuojamas kaip atskiras meniu.

Išskleidžiamojo meniu pritaikymas neįgaliesiems

Daugumoje temų išskleidžiamųjų meniu antraštės įdiegiamos kaip mygtukai, o ne kaip spustelimos nuorodos. Tai yra sąmoningas pritaikymo neįgaliesiems dizaino sprendimas, kuris padeda klientams, naudojantiems pagalbines technologijas, suprasti navigacijos struktūrą.

Kai aukščiausio lygio meniu elementas valdo išskleidžiamąjį submeniu, jis veikia kaip mygtukas, skirtas išskleisti meniu, o ne kaip nuoroda į naują puslapį. Šis metodas užtikrina, kad klientai, naudojantys ekrano skaitytuvus ar kitus pagalbinius įrenginius, galėtų tinkamai naršyti Jūsų parduotuvės meniu sistemoje.

Jei norite, kad klientai galėtų pasiekti pagrindinės kategorijos puslapį (pvz., „Visi produktai“ arba „Visos kolekcijos“), pridėkite jį kaip pirmąjį elementą pačiame išskleidžiamajame meniu, užuot pavertę antraštę spustelima.

Dažniausių problemų trikčių šalinimas

Peržiūrėkite toliau pateikiamus dažniausių problemų, su kuriomis galite susidurti nustatydami navigacijos meniu, sprendimus:

  • Mobiliųjų įrenginių meniu nukreipimai: jei bakstelėjus aukščiausio lygio meniu nuorodą esate nukreipiami į naują puslapį, tuomet „Shopify“ administratoriaus skydelyje patikrinkite meniu ir įsitikinkite, kad meniu nuorodos lauke yra #.

  • Matomumo problemos: jei įdėtieji elementai nerodomi, įsitikinkite, kad jie yra visiškai nuvilkti po antraštės elementu ir atitraukti sąsajoje Meniu. Įsitikinkite, kad Jūsų tema palaiko nustatytą įdėjimo lygių skaičių.

  • Temos suderinamumas: jei kyla problemų dėl išskleidžiamųjų meniu, patikrinkite, ar Jūsų tema palaiko norimą įdiegti įdėjimo lygių skaičių. Kai kurioms temoms gali prireikti papildomo tinkinimo, kad būtų palaikomas kelių lygių įdėjimas.

  • Įdėtojo meniu kūrimas užblokuotas: jei susiduriate su klaida „Menu cannot contain nested menus. Opt in the nested navigation feature to use this“, Jūsų parduotuvėje gali reikėti aktyvuoti įdėtosios navigacijos funkciją. Tai paprastai taikoma parduotuvėms, sukurtoms iki 2018 m. Jei susidursite su šia klaida, susisiekite su „Shopify“ pagalbos tarnyba.

  • Rodomas netinkamas meniu: jei kelios navigacijos nuorodos nukreipia į tą patį puslapį (pavyzdžiui, Jūsų pagrindinį puslapį), Jūsų tema gali rodyti netinkamą submeniu. Siekdami išvengti painiavos, užtikrinkite, kad kiekviena navigacijos skiltis turėtų nuorodą į unikalų puslapį.

  • Dingstantys meniu elementai: jei meniu nuorodos dingsta jų neištrynus, patikrinkite, ar neištrynėte produktų, kolekcijų ar puslapių, į kuriuos buvo nukreipti meniu elementai. Ištrynus susietą išteklių, pašalinamas ir meniu elementas.

Temos kodo tinkinimas išskleidžiamiesiems meniu

Temoms, kurioms reikalingas išsamesnis tinkinimas, galite apsvarstyti galimybę tinkinti savo temos kodą.