Pomoć
Prijavi se

Postavljanje padajućih izbornika u internetskoj trgovini

Padajuće izbornike možete upotrijebiti za grupiranje proizvoda, kolekcija ili stranica te tako korisnicima olakšati navigaciju internetskom trgovinom. Na primjer, ako imate puno proizvoda, možete ih dodati u kolekcije, a zatim upotrijebiti padajući izbornik iz glavnog izbornika za organizaciju kolekcija. To korisnicima može pomoći u pronalaženju vrste proizvoda koju traže.

Također možete dodati, ukloniti ili urediti stavke izbornika u padajućim izbornicima ili zadanim izbornicima.

Izbornike svoje internetske trgovine možete pregledati i promijeniti u odjeljku Sadržaj > Izbornici u administratorskom alatu za Shopify.

Na ovoj stranici

Ugnježđivanje stavki izbornika radi izrade padajućih izbornika

Padajuće izbornike možete izraditi stvaranjem ili premještanjem stavki izbornika tako da se ugnijezde ispod stavke najviše razine. Stavka najviše razine prikazuje se u glavnom izborniku u vašoj internetskoj trgovini, a ugniježđene stavke izbornika prikazuju se u padajućem izborniku. Stavka najviše razine može imati do dvije razine ugniježđenih padajućih izbornika.

Sve teme prikazivat će ugniježđene stavke kao padajuće izbornike iz glavnog izbornika, a neke teme prikazivat će ugniježđene stavke kao padajuće izbornike na drugim lokacijama.

Glavni izbornik i padajući izbornici prikazuju se na različitim lokacijama u vašoj internetskoj trgovini ovisno o temi. Neke teme prikazuju ikonu pored naziva padajućeg izbornika u glavnom izborniku kako bi korisnici lakše prepoznali da se ondje nalazi padajući izbornik.

Dodavanje padajućeg izbornika iz glavnog izbornika

Možete dodati padajući izbornik iz bilo koje stavke glavnog izbornika.

Koraci:

Stolno računalo

  1. U administratorskom alatu za Shopify idite na Sadržaj > Izbornici.

  2. Kliknite naziv glavnog izbornika.

  3. Odaberite jednu od stavki glavnog izbornika koja će biti zaglavlje vašeg padajućeg izbornika ili dodajte novu stavku izbornika. Ako ne želite da zaglavlje vodi na određenu vezu, unesite # u polje Traži ili zalijepi vezu za stavku izbornika zaglavlja.

  4. Da biste dodali stavku izbornika koju želite uključiti u padajući izbornik, izvršite sljedeće zadatke:

    1. Kliknite Dodaj stavku izbornika.
    2. U polje Naziv unesite naziv za stavku izbornika.
    3. U polje Traži ili zalijepi vezu unesite ili odaberite odredište za svoju stavku izbornika.

  5. Kliknite Dodaj, a zatim kliknite Povuci i povucite stavku izbornika kako biste je ugnijezdili ispod stavke izbornika zaglavlja.

  6. Kliknite Spremi izbornik.

Mobilni uređaj

  1. U aplikaciji Shopify dodirnite ikonu Izbornik.

  2. U izborniku Sadržaj dodirnite ikonu strelica dolje, a zatim dodirnite Izbornici.

  3. Dodirnite naziv glavnog izbornika.

  4. Odaberite jednu od stavki glavnog izbornika koja će biti zaglavlje vašeg padajućeg izbornika ili dodajte novu stavku izbornika koja će biti zaglavlje. Ako ne želite da zaglavlje vodi na određenu vezu, unesite # u polje Traži ili zalijepi vezu za stavku izbornika zaglavlja.

  5. Da biste dodali stavku izbornika koju želite uključiti u padajući izbornik, izvršite sljedeće zadatke:

    1. Dodirnite Dodaj stavku izbornika.
    2. U polje Naziv unesite naziv za stavku izbornika.
    3. U polje Traži ili zalijepi vezu unesite ili odaberite odredište za svoju stavku izbornika.

  6. Dodirnite Dodaj, a zatim dodirnite Povuci i povucite stavku izbornika kako biste je ugnijezdili ispod stavke izbornika zaglavlja.

  7. Dodirnite Spremi ili ✓.

Padajući izbornici mogu se primijeniti i u izbornicima podnožja.

Koraci:

  1. U administratorskom alatu za Shopify idite na Sadržaj > Izbornici.
  2. Nije obavezno: Slijedite ista načela ugnježđivanja koja se upotrebljavaju za glavne izbornike, kao što je povlačenje stavki izbornika ispod stavke zaglavlja kako biste izradili strukturu padajućeg izbornika klikom na Povuci i povlačenjem stavki na željeno mjesto.
  3. Unesite # u polje Poveznica za stavke zaglavlja koje ne bi trebale voditi na stranicu (na primjer, zaglavlja „Podrška” ili „Istražite”).

Napomene o kompatibilnosti teme

Pregledajte sljedeće napomene o dodavanju padajućih izbornika u temu:

  • Većina tema podržava do dvije razine ugniježđenih padajućih izbornika. Provjerite dokumentaciju teme ili testirajte ugniježđene stavke kako biste potvrdili kompatibilnost.
  • Neke teme mogu zahtijevati prilagodbu CSS-a za bolju upotrebljivost na mobilnim uređajima. Nemojte prilagođavati temu ako niste upoznati s kodom teme. Saznajte više o prilagodbi teme.

Provjera podržava li tema ugniježđene padajuće izbornike

Da biste utvrdili podržava li trenutna tema željeni maksimalni broj razina ugniježđenih padajućih izbornika, možete upotrijebiti sljedeće resurse:

  1. Provjerite dokumentaciju teme: u dokumentaciji teme potražite konkretne informacije o mogućnostima izbornika i podržanim razinama ugnježđivanja.
  2. Testirajte ugniježđene stavke: izradite testnu strukturu izbornika sa željenim brojem ugniježđenih razina i provjerite prikazuje li se ispravno na stolnim i mobilnim uređajima.

Većina tema podržava do dvije razine ugniježđenih padajućih izbornika. Ako imate problema s padajućim izbornicima, provjerite podržava li tema broj ugniježđenih razina koji pokušavate implementirati, s obzirom na to da neke teme zahtijevaju dodatne prilagodbe za podršku više razina ugnježđivanja.

Najbolje prakse za padajuće izbornike

Pregledajte sljedeće najbolje prakse kako biste izradili korisnu strukturu izbornika koja dobro funkcionira na svim uređajima:

  • Upotrebljavajte opisne nazive, kao što je „Kupujte po kategoriji”, za stavke izbornika najviše razine s poveznicama #.
  • Pobrinite se da su izbornici optimizirani za mobilne uređaje. Možete ih testirati na mobilnim uređajima kako biste potvrdili da se padajući izbornici proširuju prema očekivanjima.
  • Dodajte najviše sedam stavki izbornika najviše razine kako biste izbjegli pretrpanost.
  • Upotrebljavajte jasne i opisne naslove poveznica. Na primjer „Kolekcije” i „Ljetne haljine”.
  • Svaki izbornik može imati do 10 000 stavki, a trgovina može imati najviše ukupno 1000 izbornika. Svaka stavka izbornika s podstavkama u padajućem izborniku broji se kao zaseban izbornik i ulazi u to ograničenje.

Pristupačnost padajućeg izbornika

Većina tema implementira zaglavlja padajućih izbornika kao gumbe umjesto poveznica koje se mogu kliknuti. To je namjeran dizajn pristupačnosti koji pomaže korisnicima asistivne tehnologije u razumijevanju strukture navigacije.

Kada stavka izbornika najviše razine upravlja padajućim podizbornikom, ona funkcionira kao gumb za proširivanje izbornika umjesto kao poveznica na novu stranicu. Takav pristup osigurava da korisnici s čitačima zaslona ili drugim asistivnim uređajima mogu ispravno navigirati kroz sustav izbornika u vašoj trgovini.

Ako želite da korisnici mogu pristupiti glavnoj stranici kategorije (kao što su „Svi proizvodi” ili „Sve kolekcije”), dodajte je kao prvu stavku unutar samog padajućeg izbornika umjesto da zaglavlje učinite klikabilnim.

Rješavanje uobičajenih problema

Pregledajte sljedeća rješenja za uobičajene probleme s kojima se možete susresti prilikom postavljanja izbornika za navigaciju:

  • Preusmjeravanja na mobilnom izborniku: ako poveznica izbornika najviše razine preusmjerava na novu stranicu kada je dodirnete, provjerite izbornik u administratorskom alatu za Shopify da biste potvrdili kako se u polju za poveznicu izbornika nalazi #.

  • Problemi s vidljivošću: ako se ugniježđene stavke ne prikazuju, provjerite jesu li povučene potpuno ispod stavke zaglavlja te jesu li uvučene unutar sučelja Izbornici. Potvrdite da vaša tema podržava broj ugniježđenih razina koje ste postavili.

  • Kompatibilnost teme: ako imate problema s padajućim izbornicima, potvrdite da vaša tema podržava broj ugniježđenih razina koji pokušavate implementirati. Neke će teme možda trebati dodatno prilagoditi za podršku više razina ugnježđivanja.

  • Blokirana je izrada ugniježđenog izbornika: ako se pojavi pogreška „Izbornik ne može sadržavati ugniježđene izbornike. Uključite značajku ugniježđene navigacije da biste je upotrebljavali”, vaša bi trgovina možda trebala aktivirati tu značajku. To obično utječe na trgovine izrađene prije 2018. godine. Obratite se Podršci za Shopify ako se pojavi ova pogreška.

  • Prikazuje se pogrešan izbornik: ako imate više poveznica za navigaciju koje vode na istu stranicu (poput početne stranice), vaša bi tema mogla prikazati pogrešan podizbornik. Pobrinite se da svaki odjeljak navigacije vodi na jedinstvenu stranicu kako biste izbjegli probleme.

  • Stavke izbornika nestaju: ako poveznice izbornika nestanu bez prethodnog brisanja, provjerite jeste li izbrisali proizvode, kolekcije ili stranice na koje su te stavke vodile. Brisanjem povezanog resursa briše se i stavka izbornika.

Prilagodba koda teme za padajuće izbornike

Za teme koje zahtijevaju dublju prilagodbu, razmislite o prilagodbi koda teme.