Súgó
Bejelentkezés

Legördülő menük beállítása az online áruházban

A legördülő menük segítségével csoportosíthatja a termékeket, kollekciókat vagy oldalakat, és megkönnyítheti a vásárlók számára a navigációt az online áruházban. Ha például sok terméke van, akkor érdemes lehet ezeket kollekciókba rendezni, majd a főmenüből egy legördülő menü segítségével rendszerezni a kollekciókat. Ez segíthet a vásárlóknak megtalálni az általuk keresett terméktípusokat.

Továbbá hozzáadhat, eltávolíthat vagy szerkeszthet menüpontokat a legördülő menükben vagy az alapértelmezett menükben.

Az online áruház menüit a Shopify adminisztrációs felületének Tartalom > Menük pontjában tekintheti meg és módosíthatja.

Ezen az oldalon

Menüpontok beágyazása legördülő menük létrehozásához

Legördülő menüket úgy hozhat létre, hogy menüpontokat hoz létre vagy helyez át úgy, hogy azok egy legfelső szintű elem alá legyenek ágyazva. A legfelső szintű elem az online áruház főmenüjében jelenik meg, a beágyazott menüpontok pedig egy legördülő menüben. A legfelső szintű elemnek legfeljebb két szintű beágyazott legördülő menüje lehet.

Minden téma a beágyazott elemeket legördülő menüként jeleníti meg a főmenüből, és egyes témák más helyeken is legördülő menüként jelenítik meg a beágyazott elemeket.

A főmenü és a legördülő menük az online áruházban a témától függően különböző helyeken jelennek meg. Egyes témák a főmenüben egy ikont jelenítenek meg a legördülő menü neve mellett, hogy a vásárlók könnyebben felismerjék a legördülő menü létezését.

Legördülő menü hozzáadása a főmenüből

A főmenü bármelyik menüpontjából hozzáadhat legördülő menüt.

Lépések:

Asztali gép

  1. A Shopify adminisztrációs felületén lépjen a Tartalom > Menük pontra.

  2. Kattintson a főmenü nevére.

  3. Válasszon ki egyet a főmenüpontok közül a legördülő menü fejlécének, vagy adjon hozzá új menüpontot. Ha nem szeretné, hogy a fejléc bárhová is hivatkozzon, írja be a # karaktert a fejléc menüpont Hivatkozás keresése vagy beillesztése mezőjébe.

  4. A legördülő menübe felvenni kívánt menüpont hozzáadásához hajtsa végre a következő feladatokat:

    1. Kattintson a Menüpont hozzáadása gombra.
    2. A Név mezőbe írja be a menüpont nevét.
    3. A Hivatkozás keresése vagy beillesztése mezőbe írja be vagy válassza ki a menüpont rendeltetési helyét.

  5. Kattintson a Hozzáadás gombra, majd kattintson a Húzás ikonra, és húzza a menüpontot a fejléc menüpont alá, hogy beágyazza azt.

  6. Kattintson a Menü mentése gombra.

Mobil

  1. A Shopify appban koppintson a Menu ikonra.

  2. A Tartalom menüben koppintson a(z) lefelé mutató nyíl ikonra, majd koppintson a Menük lehetőségre.

  3. Koppintson a főmenü nevére.

  4. Válassza ki a legördülő menü fejlécéül szolgáló főmenüpontot, vagy adjon hozzá egy új menüpontot fejlécnek. Ha nem szeretné, hogy a fejléc bárhová is linkeljen, írja be a # karaktert a fejléc menüpont Hivatkozás keresése vagy beillesztése mezőjébe.

  5. A legördülő menübe felvenni kívánt menüpont hozzáadásához hajtsa végre a következő feladatokat:

    1. Koppintson a Menüpont hozzáadása elemre.
    2. A Név mezőbe írja be a menüpont nevét.
    3. A Hivatkozás keresése vagy beillesztése mezőbe írja be vagy válassza ki a menüpont rendeltetési helyét.

  6. Koppintson a Hozzáadás gombra, majd koppintson a(z) Húzás ikonra, és húzza a menüpontot a fejléc menüpont alá a beágyazáshoz.

  7. Koppintson a Mentés gombra vagy a ✓ ikonra.

A legördülő menük a lábléc menükben is használhatók.

Lépések:

  1. A Shopify adminisztrációs felületén lépjen a Tartalom > Menük pontra.
  2. Választható: Kövesse ugyanazokat a beágyazási elveket, mint a főmenük esetében, például húzzon menüpontokat egy fejléc elem alá legördülő struktúra létrehozásához úgy, hogy a(z) Húzás ikonra kattint, és a helyükre húzza az elemeket.
  3. Írja be a # karaktert a Hivatkozás mezőbe azoknál a fejléc elemeknél, amelyeknek nem kell oldalra hivatkozniuk (például a „Támogatás” vagy a „Felfedezés” fejléceknél).

A téma kompatibilitásával kapcsolatos megfontolások

Tekintse át az alábbi szempontokat, mielőtt legördülő menüket adna hozzá a témájához:

  • A legtöbb téma legfeljebb két szintű beágyazott legördülő menüt támogat. A kompatibilitás ellenőrzéséhez tekintse meg a téma dokumentációját, vagy tesztelje a beágyazott elemeket.
  • Egyes témák CSS-módosításokat igényelhetnek a mobil használhatóság javítása érdekében. Ne szabja testre a témát, ha nem ismeri a témakódot. További információ a téma testreszabásáról.

Annak megállapítása, hogy a téma támogatja-e a beágyazott legördülő menüket

Az alábbi források segítségével megállapíthatja, hogy a jelenlegi témája támogatja-e a beágyazott legördülő menük Ön által használni kívánt maximális szintszámát:

  1. A téma dokumentációjának ellenőrzése: Tekintse át a téma dokumentációját a menüképességekre és a támogatott beágyazási szintekre vonatkozó konkrét információkért.
  2. Beágyazott elemek tesztelése: Hozzon létre egy teszt menüstruktúrát a kívánt számú beágyazott szinttel, és ellenőrizze, hogy asztali és mobileszközökön is helyesen jelenik-e meg.

A legtöbb téma legfeljebb két szintű beágyazott legördülő menüt támogat. Ha problémákat tapasztal a legördülő menükkel, ellenőrizze, hogy a témája támogatja-e a megvalósítani kívánt beágyazási szintek számát, mivel egyes témák további testreszabást igényelhetnek a többszintű beágyazás támogatásához.

Helyes gyakorlatok legördülő menük használatához

Tekintse át az alábbi helyes gyakorlatokat egy olyan hasznos menüstruktúra létrehozásához, amely minden eszközön jól működik:

  • Használjon leíró címkéket, például „Vásárlás kategória szerint”, a # hivatkozással rendelkező legfelső szintű menüpontokhoz.
  • Gondoskodjon arról, hogy a menük mobileszközökre legyenek optimalizálva. A menüket mobileszközökön tesztelheti, hogy megbizonyosodjon arról, a legördülő menük a várt módon nyílnak-e ki.
  • A zsúfoltság elkerülése érdekében legfeljebb hét legfelső szintű menüpontot adjon hozzá.
  • Használjon egyértelmű és leíró hivatkozáscímeket. Például: „Kollekciók” és „Nyári ruhák”.
  • Minden menü legfeljebb 10 000 menüpontot tartalmazhat, az üzletében pedig összesen legfeljebb 1000 menü lehet. E korlát szempontjából minden olyan menüpont külön menünek számít, amely egy legördülő menüben alelemekkel rendelkezik.

A legördülő menük akadálymentessége

A legtöbb téma a legördülő menük fejléceit gombokként, nem pedig kattintható hivatkozásokként valósítja meg. Ez egy tudatos akadálymentességi tervezési megoldás, amely segíti a kisegítő technológiát használó vásárlókat a navigációs struktúra megértésében.

Amikor egy legfelső szintű menüpont egy legördülő almenüt vezérel, az gombként funkcionál a menü kibontásához, nem pedig új oldalra mutató hivatkozásként. Ez a megközelítés biztosítja, hogy a képernyőolvasót vagy más kisegítő eszközt használó vásárlók megfelelően tudjanak navigálni az üzlet menürendszerében.

Ha azt szeretné, hogy a vásárlók hozzáférjenek egy főkategória-oldalhoz (például „Minden termék” vagy „Minden kollekció”), akkor a fejléc kattinthatóvá tétele helyett adja hozzá ezt első elemként magába a legördülő menübe.

Gyakori problémák hibaelhárítása

Tekintse át az alábbi megoldásokat a navigációs menük beállítása során esetlegesen előforduló gyakori problémákra:

  • Mobilmenü-átirányítások: Ha egy legfelső szintű menü hivatkozása új oldalra irányít át, amikor rákoppint, akkor a Shopify adminisztrációs felületén ellenőrizze a menüt, és győződjön meg róla, hogy a menü hivatkozás mezőjében a # karakter szerepel.

  • Láthatósági problémák: Ha a beágyazott elemek nem jelennek meg, győződjön meg arról, hogy a Menük felületen teljesen a fejléc elem alá vannak húzva és be vannak húzva. Győződjön meg arról, hogy a témája támogatja a beállított beágyazási szintek számát.

  • Téma kompatibilitása: Ha problémákat tapasztal a legördülő menükkel, ellenőrizze, hogy a témája támogatja-e a megvalósítani kívánt beágyazási szintek számát. Egyes témák további testreszabást igényelhetnek a többszintű beágyazás támogatásához.

  • Beágyazott menü létrehozása letiltva: Ha a „Menu cannot contain nested menus. Opt in the nested navigation feature to use this” (A menü nem tartalmazhat beágyazott menüket. A használathoz engedélyezze a beágyazott navigációs funkciót) hibaüzenettel találkozik, akkor lehetséges, hogy üzletében aktiválni kell a beágyazott navigációs funkciót. Ez általában a 2018 előtt létrehozott üzleteket érinti. Ha ezzel a hibával találkozik, vegye fel a kapcsolatot a Shopify ügyfélszolgálatával.

  • Helytelen menü jelenik meg: Ha több navigációs hivatkozása is ugyanarra az oldalra mutat (például a kezdőoldalra), akkor előfordulhat, hogy a témája rossz almenüt jelenít meg. A félreértések elkerülése érdekében győződjön meg arról, hogy minden navigációs szakasz egyedi oldalra hivatkozik.

  • Eltűnő menüpontok: Ha a menühivatkozások törlés nélkül tűnnek el, ellenőrizze, hogy törölte-e azokat a termékeket, kollekciókat vagy oldalakat, amelyekre a menüpontok hivatkoztak. A hivatkozott erőforrás törlése a menüpontot is eltávolítja.

A témakód testreszabása a legördülő menükhöz

A mélyebb testreszabást igénylő témák esetében megfontolhatja a témakód testreszabását.