Pomocník
Prihlásiť sa

Nastavenie rozbaľovacích ponúk v online obchode

Rozbaľovacie ponuky môžete použiť na zoskupenie produktov, kolekcií alebo stránok, čím zákazníkom uľahčíte navigáciu v online obchode. Ak máte napríklad veľa produktov, môžete ich pridať do kolekcií a tie následne usporiadať pomocou rozbaľovacej ponuky v hlavnej ponuke. Zákazníkom to pomôže nájsť presne tie produkty, ktoré hľadajú.

Položky ponuky v rozbaľovacích alebo predvolených ponukách môžete tiež pridávať, odstraňovať alebo upravovať.

Ponuky online obchodu si môžete zobraziť a upraviť v administrátorovi Shopify v sekcii Obsah > Ponuky.

Na tejto stránke

Vnorenie položiek ponuky na vytvorenie rozbaľovacích ponúk

Rozbaľovacie ponuky vytvoríte tak, že vytvoríte alebo presuniete položky ponuky a vnoríte ich pod položku najvyššej úrovne. Položka najvyššej úrovne sa v online obchode zobrazuje v hlavnej ponuke a vnorené položky sa zobrazujú v rozbaľovacej ponuke. Položka najvyššej úrovne môže mať až dve úrovne vnorených rozbaľovacích ponúk.

Všetky témy zobrazujú vnorené položky ako rozbaľovacie ponuky v rámci hlavnej ponuky. Niektoré témy zobrazujú vnorené položky ako rozbaľovacie ponuky aj na iných miestach.

Hlavná ponuka a rozbaľovacie ponuky sa v online obchode zobrazujú na rôznych miestach v závislosti od témy. Niektoré témy zobrazujú vedľa názvu rozbaľovacej ponuky v hlavnej ponuke ikonu. Zákazníci tak ľahšie zistia, že ide o rozbaľovaciu ponuku.

Pridanie rozbaľovacej ponuky z hlavnej ponuky

Rozbaľovaciu ponuku môžete pridať z ktorejkoľvek položky v hlavnej ponuke.

Postup:

Pracovná plocha

  1. V administrátorovi Shopify prejdite na Obsah > Ponuky.

  2. Kliknite na názov svojej hlavnej ponuky.

  3. Vyberte si jednu z položiek hlavnej ponuky, ktorá bude slúžiť ako hlavička rozbaľovacej ponuky, alebo pridajte novú položku ponuky. Ak nechcete, aby hlavička niekam odkazovala, do poľa Hľadať alebo prilepiť odkaz pre položku hlavičky zadajte znak #.

  4. Ak chcete pridať položku ponuky, ktorá bude súčasťou rozbaľovacej ponuky, postupujte takto:

    1. Kliknite na Pridať položku ponuky.
    2. Do poľa Názov zadajte názov položky ponuky.
    3. V poli Hľadať alebo prilepiť odkaz zadajte alebo vyberte destináciu položky ponuky.

  5. Kliknite na Pridať, potom kliknite na ikonu Potiahnuť a potiahnutím položky ponuky ju vnorte pod položku hlavičky.

  6. Kliknite na Uložiť ponuku.

Mobil

  1. V aplikácii Shopify ťuknite na ikonu Ponuka.

  2. V ponuke Obsah ťuknite na ikonu šípka nadol a potom na Ponuky.

  3. Ťuknite na názov svojej hlavnej ponuky.

  4. Vyberte si jednu z položiek hlavnej ponuky, ktorá bude slúžiť ako hlavička rozbaľovacej ponuky, alebo pridajte novú položku ponuky, z ktorej urobíte hlavičku. Ak nechcete, aby hlavička niekam odkazovala, do poľa Hľadať alebo prilepiť odkaz pre položku hlavičky zadajte znak #.

  5. Ak chcete pridať položku ponuky, ktorá bude súčasťou rozbaľovacej ponuky, postupujte takto:

    1. Ťuknite na Pridať položku ponuky.
    2. Do poľa Názov zadajte názov položky ponuky.
    3. V poli Hľadať alebo prilepiť odkaz zadajte alebo vyberte destináciu položky ponuky.

  6. Ťuknite na Pridať, potom ťuknite na ikonu Potiahnuť a potiahnutím položky ponuky ju vnorte pod položku hlavičky.

  7. Ťuknite na Uložiť alebo na symbol ✓.

Rozbaľovacie ponuky je možné implementovať aj do ponúk v päte.

Postup:

  1. V administrátorovi Shopify prejdite na Obsah > Ponuky.
  2. Voliteľné: Postupujte podľa rovnakých princípov vnorenia ako pri hlavných ponukách, ako je napríklad presunutie položiek ponuky pod položku hlavičky. Rozbaľovaciu štruktúru tak vytvoríte kliknutím na ikonu Potiahnuť a potiahnutím položiek na požadované miesto.
  3. Pre položky hlavičky, ktoré nemajú odkazovať na žiadnu stránku (napríklad „Podpora“ alebo „Preskúmať“), zadajte do poľa Odkaz znak #.

Dôležité informácie o kompatibilite témy

Pred pridaním rozbaľovacích ponúk do témy si prečítajte nasledujúce dôležité informácie:

  • Väčšina tém podporuje maximálne dve úrovne vnorených rozbaľovacích ponúk. Skontrolujte dokumentáciu svojej témy alebo otestujte vnorené položky a overte si kompatibilitu.
  • Niektoré témy môžu vyžadovať úpravy CSS na zlepšenie použiteľnosti v mobilných zariadeniach. Ak nepoznáte kód témy, tému neprispôsobujte. Ďalšie informácie o prispôsobení témy.

Zistenie, či vaša téma podporuje vnorené rozbaľovacie ponuky

Ak chcete zistiť, či vaša aktuálna téma podporuje maximálny počet úrovní vnorených rozbaľovacích ponúk, ktoré chcete implementovať, môžete použiť nasledujúce zdroje:

  1. Skontrolujte dokumentáciu témy: Prečítajte si dokumentáciu témy, kde nájdete konkrétne informácie o možnostiach ponuky a podporovaných úrovniach vnorenia.
  2. Otestujte vnorené položky: Vytvorte testovanciu štruktúru ponuky s požadovaným počtom vnorených úrovní a overte, či sa správne zobrazuje na pracovnej ploche aj v mobilných zariadeniach.

Väčšina tém podporuje maximálne dve úrovne vnorených rozbaľovacích ponúk. Ak máte problémy s rozbaľovacími ponukami, overte si, či vaša téma podporuje počet vnorených úrovní, ktoré sa snažíte implementovať, pretože niektoré témy môžu na podporu viacerých úrovní vnorenia vyžadovať ďalšie prispôsobenie.

Osvedčené postupy pre rozbaľovacie ponuky

Prečítajte si nasledujúce osvedčené postupy na vytvorenie užitočnej štruktúry ponuky, ktorá bude správne fungovať na všetkých zariadeniach:

  • Pre položky ponuky najvyššej úrovne s odkazmi # používajte popisné štítky, napríklad „Nakupovať podľa kategórie“.
  • Uistite sa, že sú ponuky optimalizované pre mobilné zariadenia. Ponuky môžete otestovať na mobilných zariadeniach, aby ste sa uistili, že sa rozbaľovacie ponuky rozbaľujú podľa očakávania.
  • Pridajte najviac sedem položiek ponuky najvyššej úrovne, aby ste predišli preplneniu.
  • Používajte jasné a výstižné názvy odkazov. Napríklad „Kolekcie“ a „Letné šaty“.
  • Každá ponuka môže mať až 10 000 položiek a váš obchod môže mať celkovo až 1 000 ponúk. Každá položka ponuky s podpoložkami v rozbaľovacej ponuke sa do tohto limitu počíta ako samostatná ponuka.

Prístupnosť rozbaľovacej ponuky

Väčšina tém implementuje hlavičky rozbaľovacích ponúk ako tlačidlá, a nie ako klikateľné odkazy. Ide o zámerný dizajn na zaistenie prístupnosti, ktorý pomáha zákazníkom používajúcim asistenčné technológie pochopiť štruktúru navigácie.

Keď položka ponuky najvyššej úrovne ovláda rozbaľovaciu podponuku, funguje ako tlačidlo na rozbalenie ponuky, nie ako odkaz na novú stránku. Tento prístup zaisťuje, že zákazníci, ktorí používajú čítačky obrazovky alebo iné asistenčné zariadenia, sa môžu v systéme ponúk vášho obchodu správne orientovať.

Ak chcete zákazníkom umožniť prístup na stránku hlavnej kategórie (napríklad „Všetky produkty“ alebo „Všetky kolekcie“), pridajte ju ako prvú položku priamo v rozbaľovacej ponuke, namiesto toho, aby ste nastavili hlavičku ako klikateľnú.

Riešenie bežných problémov

Prečítajte si nasledujúce riešenia bežných problémov, s ktorými sa môžete stretnúť pri nastavovaní navigačných ponúk:

  • Presmerovania v mobilnej ponuke: Ak odkaz v ponuke najvyššej úrovne pri ťuknutí presmeruje na novú stránku, skontrolujte ponuku v administrátorovi Shopify a overte, či je v poli pre odkaz ponuky znak #.

  • Problémy s viditeľnosťou: Ak sa vnorené položky nezobrazujú, uistite sa, že sú v rozhraní Ponuky úplne presunuté pod položku hlavičky a odsadené. Overte si, či vaša téma podporuje počet nastavených úrovní vnorenia.

  • Kompatibilita témy: Ak máte problémy s rozbaľovacími ponukami, overte si, či vaša téma podporuje počet vnorených úrovní, ktoré sa snažíte implementovať. Niektoré témy môžu na podporu viacerých úrovní vnorenia vyžadovať dodatočné prispôsobenie.

  • Vytvorenie vnorenej ponuky bolo zablokované: Ak sa zobrazí chyba „Ponuka nemôže obsahovať vnorené ponuky. Ak to chcete použiť, musíte sa prihlásiť na používanie funkcie vnorenej navigácie“, vo vašom obchode môže byť potrebné aktivovať funkciu vnorenej navigácie. To sa zvyčajne týka obchodov vytvorených pred rokom 2018. Ak narazíte na túto chybu, kontaktujte podporu Shopify.

  • Zobrazuje sa nesprávna ponuka: Ak máte viacero navigačných odkazov smerujúcich na tú istú stránku (napríklad na domovskú stránku), vaša téma môže zobraziť nesprávnu podponuku. Uistite sa, že každá navigačná sekcia odkazuje na jedinečnú stránku, aby nedošlo k zámene.

  • Položky ponuky miznú: Ak odkazy v ponuke zmiznú bez toho, aby ste ich odstránili, skontrolujte, či ste neodstránili produkty, kolekcie alebo stránky, na ktoré tieto položky ponuky odkazovali. Odstránením prepojeného zdroja sa odstráni aj položka ponuky.

Prispôsobenie kódu témy pre rozbaľovacie ponuky

V prípade tém vyžadujúcich hlbšie prispôsobenie môžete zvážiť prispôsobenie kódu svojej témy.