Přeskočit na obsah
GloboGlobo Docs
Nainstalovat aplikaci
Čeština

Spodní navigační lišta na mobilu

Přidejte pevnou lištu ikon ve stylu aplikace s rychlými odkazy a akcemi pro vaše zákazníky.

Návod Pro Navigation 8 min čtení

Lišta zůstává na obrazovce, i když zákazníci posouvají stránku, podobně jako lišta záložek v mobilní aplikaci, a jedním klepnutím nabízí domovskou stránku, menu, košík, vyhledávání, chat nebo telefonát. Položka může také otevřít malé podmenu, například položka Více s odkazy na účet, kontakt a časté dotazy.

Editor spodní lišty: záložky nastavení (1) a živý náhled (2). Zařízení náhledu přepnete tlačítky vlevo dole pod náhledem.

Záložky nastavení jsou Položky menu, Obecné, Typografie, Barvy, Pozice, Pokročilé a Historie verzí.

Vytvořte spodní lištu

  1. Vytvořte lištu

    Na stránce Domů v aplikaci klikněte na Přidat spodní navigaci — nebo ve Správci menu klikněte na Vytvořit menu a zvolte Spodní lišta na mobilu.

    Domů: (1) rychlé akce pro vytvoření nebo import menu, (2) tlačítko, které aktivuje vloženou aplikaci

  2. Nastavte položky

    V Položkách menu upravte výchozí položky a přidejte vlastní. Viz Přidání a úprava položek.

    Editor spodní lišty: záložky nastavení (1) a živý náhled (2). Zařízení náhledu přepnete tlačítky vlevo dole pod náhledem.

  3. Upravte vzhled lišty

    Upravte záložky Obecné, Typografie a Barvy. Viz Vzhled lišty.

    Obecná nastavení včetně pozice podmenu a stylu otevírání.

  4. Zvolte, kde se lišta zobrazí

    Na záložce Pozice zvolte zařízení a pozici na obrazovce. Viz Kde se lišta zobrazí.

    Zapněte lištu pro mobil (1) a počítač (2) a pak zvolte pozici.

  5. Uložte a publikujte

    Klikněte na Uložit a pak vpravo nahoře na Publikovat. Viz Publikování lišty.

Přidání a úprava položek

  1. Zobrazte akce položky

    V Položkách menu najeďte myší na položku a zobrazí se Upravit, Duplikovat a Smazat. Pořadí položky změníte přetažením za úchyt.

    Najetím myší na položku ji můžete upravit, duplikovat nebo smazat.

  2. Přidejte položky a podmenu

    Kliknutím na Přidat položku přidáte položku na danou úroveň, kliknutím na Přidat podmenu u položky pod ni vnoříte další položky. Vnořené položky se otevírají jako podmenu, až do tří úrovní.

  3. Nastavte ikonu, název a odkaz

    Kliknutím na Upravit otevřete Upravit položku menu. Zvolte Ikonu (klikněte na Změnit), zadejte Název a pak klikněte do pole Odkaz.

    Kliknutím do pole Odkaz zvolíte akci položky.

  4. Zvolte akci

    Ve Vybrat odkaz klikněte u akce na Vybrat (1). Pole Odkaz (2) dostane začátek odkazu, například /collections/ pro Products by collection (produkty podle kolekce). Doplňte ho podle sloupce Syntaxe, například na /collections/summer-sale, a klikněte na Aktualizovat (3).

    Klikněte na Vybrat (1), doplňte odkaz (2) a klikněte na Aktualizovat (3).

Nastavení položky

Ikona
Kliknutím na Změnit zvolíte ikonu nebo nahrajete obrázek.
Název
Text pod ikonou.
Odkaz
Co se stane po klepnutí. Kliknutím otevřete Vybrat odkaz (viz Akce položek).
Otevřít na nové kartě
Otevře odkaz na nové kartě prohlížeče.
Popis
Volitelný krátký text zobrazený u položky.
Velikost ikony
Velikost ikony v px.
Box > Border radius
Zaoblení rohů rámečku položky, 0 až 100 px.
Box > Box padding
Vnitřní okraj rámečku položky, 0 až 100 px.
Box > Position
Posune položku doleva (záporné hodnoty) nebo doprava (kladné hodnoty), -100 až 100 px.
Barva
Barvy textu, ikony, pozadí ikony a pozadí jen pro tuto položku, každá s barvou při najetí myší. Vymazat nastavení vrátí barvy lišty.
Štítek
Malý popisek na položce s poli Název, Barva textu štítku a Barva pozadí štítku.
Viditelnost
Skryje položku na některých zařízeních nebo pro některé zákazníky, nebo ji zobrazí jen mezi dvěma daty. Viz Pravidla zobrazení.
Pokročilé
Extra název třídy přidá CSS třídu pro vlastní CSS. Rozdělit přidá vedle položky dělicí čáru.

Akce položek

Vybrat odkaz dělí akce do osmi sekcí. Kliknutím na ikonu informací vedle akce zobrazíte příklad. Názvy akcí aplikace zobrazuje anglicky.

1. Link to your store internal pages
Odkazy na stránky vašeho obchodu: Exact short url /[your-url], Home page /, All products /collections/all, Products by collection /collections/[collection-handle], A product detail /products/[your-product-shorturl], All blog posts /blogs/news, A blog posts detail /blogs/news/[your-blog-shorturl], A page detail /pages/[your-page-shorturl], Cart page /cart, Search page /search, Contact form /pages/contact.
2. Open panels (Compatible with popular themes)
Otevření panelů šablony: Open Menu (mobile) gm-open:MobileMenu, Open Cart gm-open:Cart, Open Search gm-open:Search.
3. Open other applications (E.g. Shopify inbox...)
Open Chatbox gm-open:Inbox otevře chat Shopify Inbox.
4. Scroll on page
Posun na stránce: Scroll to top gm-scroll:Top, Scroll to bottom gm-scroll:Bottom, Scroll to a on-page element gm-scroll:OnPage(htmlElement).
5. Call javascript function
gm-javascript:Function spustí na vašem webu funkci JavaScriptu.
6. Support tools
Nástroje podpory: Make a phone call tel:, Send a SMS message sms:, Send an email mailto:, chat přes Messenger, Whatsapp, Telegram, Line nebo Zalo.
7. Share
Sdílení: Copy current URL gm-share:CopyUrl, Share to Facebook gm-share:Facebook, Share to X (Twitter) gm-share:X.
8. Link to extend websites
Externí odkazy: Full url (libovolná úplná webová adresa), Don’t redirect # (nepřesměrovat).
Sekce 2 až 4: otevření panelů, jiné aplikace a posun.
Sekce 5 a 6: JavaScript a nástroje podpory.
Sekce 7 a 8: sdílení a externí odkazy.

Příklady:

  • gm-scroll:Top(150) — posune stránku nahoru a ponechá okraj 150 px.
  • gm-scroll:OnPage(#page-title) — posune stránku na prvek s ID page-title.
  • tel:+0123456789 — zavolá na toto číslo.
  • sms:+012345678?body=I need help — otevře SMS s předvyplněným textem.
  • https://wa.me/0123456789 — otevře chat na WhatsAppu. Použijte předvolbu země bez +.

Vzhled lišty

Obecná nastavení včetně pozice podmenu a stylu otevírání.

Hlavní menu (úroveň 1)

Zaoblení menu
Poloměr rohů lišty, 0 až 50 px.
Rozestupy položek
Mezera mezi položkami, 0 až 50 px.
Padding inline · Padding block
Vodorovný a svislý vnitřní okraj každé položky, 0 až 100 px.
Použít stín
Přidá kolem lišty stín.

Podmenu (úroveň 2, 3)

Pozice podmenu
Vlevo, Vpravo, Na střed nebo Plná šířka.
Styl otevírání podmenu
Rozbalovací menu nebo Vysouvací panel.
Šířka podmenu
100 až 900 px.
Padding inline · Padding block
Vodorovný a svislý vnitřní okraj každé položky podmenu, 0 až 100 px.

Ikona a text

Icon size · Submenu icon size
Velikost ikon v liště a v jejích podmenu, 0 až 100 px.
Main menu gap: text - icon · Submenu gap: text - icon
Mezera mezi ikonou a textem, 0 až 50 px.

Pokročilé

Skrýt text menu
V liště jen ikony.
Skrýt text podmenu
V podmenu jen ikony.
Skrýt popis podmenu
Skryje popisy položek v podmenu.

Kde se lišta zobrazí

  1. Zvolte zařízení

    Na záložce Pozice zapněte Zobrazení na mobilu (1), Zobrazení na počítači (2) nebo obojí.

    Zapněte lištu pro mobil (1) a počítač (2) a pak zvolte pozici.

  2. Vyberte pozici

    Pod každým přepínačem klikněte na rozvržení:

    • Mobil — dole, nahoře, uprostřed vlevo, uprostřed vpravo, vlevo dole nebo vpravo dole.
    • Počítač — dole uprostřed, vlevo dole, vpravo dole, dole přes celou šířku, uprostřed vlevo nebo uprostřed vpravo.

  3. Skrytí při posouvání (volitelné)

    Zaškrtněte Skrýt při posouvání dolů, aby lišta nezakrývala obsah, když zákazník posouvá stránku dolů.

Pokročilá nastavení

Dostupnost na trzích
Zobrazí lištu jen na vybraných trzích. Viz Zobrazení menu podle trhu.
Z-index menu
Pořadí vrstev. Zvyšte ho, pokud lištu zakrývají jiné prvky; snižte ho, pokud lišta zakrývá vyskakovací okna.
Neprůhlednost menu
Průhlednost lišty, 0 až 100 %.
Spodní okraj
Mezera mezi lištou a spodním okrajem obrazovky.
Šablona stylů / CSS
Vlastní CSS pro lištu.
JavaScript
Vlastní JavaScript pro lištu.

Pravidla zobrazení

Kde Nastavení Účinek
Záložka Pozice Zobrazení na mobilu, Zobrazení na počítači Zobrazí nebo skryje celou lištu na daném zařízení.
Záložka Pokročilé Dostupnost na trzích Zobrazí celou lištu jen na vybraných trzích.
Položka > Viditelnost Skrýt na počítači, Skrýt na mobilu Skryje jednu položku na daném zařízení.
Položka > Viditelnost Skrýt po přihlášení, Zobrazit pouze po přihlášení Zobrazí jednu položku jen nepřihlášeným návštěvníkům, nebo jen přihlášeným zákazníkům.
Položka > Viditelnost Naplánovat publikování Zobrazí jednu položku jen mezi Datem zahájení a Datem ukončení.

Publikování lišty

  1. Publikujte

    Klikněte na Uložit, pak vpravo nahoře na Publikovat, zvolte šablonu a potvrďte. Dialog funguje stejně jako u mega menu (viz Publikování menu). Stav se změní z Návrh na Aktivní.

    Dialog Publikovat menu: (1) Vyberte šablonu, (2) Náhled a Publikovat

  2. Zkontrolujte obchod

    Otevřete obchod na telefonu nebo v úzkém okně prohlížeče.

Změna nebo odebrání

  • Stažení z obchodu — klikněte na Deaktivovat v horní části editoru.
  • Obnovení starší verze — otevřete záložku Historie verzí. Viz Historie verzí.

Řešení problémů

Lišta se v obchodě nezobrazuje

Lišta se stejně jako všechna menu načítá přes vloženou aplikaci. Ověřte, že je v dané šabloně vložená aplikace zapnutá — viz Zapnutí vložené aplikace.

Akce z Open panels nic nedělá

Akce Open panels (otevřít panely) otevírají vlastní vysouvací menu, košík nebo vyhledávání vaší šablony, takže fungují s oblíbenými šablonami. Pokud ve vaší nic nedělají, odkažte místo toho na stránku (například Cart page /cart), nebo nás kontaktujte.

Lišta překrývá tlačítko chatu nebo lištu cookies

Na záložce Pokročilé zvyšte Spodní okraj nebo změňte Z-index menu, případně na záložce Pozice zvolte jinou pozici.

Pomohla vám tato stránka?

Nahlásit problém