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

Vlastní pozice menu

Zobrazte menu přesně tam, kde ho chcete, přidáním vlastního kontejneru do kódu šablony.

Návod Všechny tarify 2 min čtení

Tento postup použijte, když vaše šablona nemá prvek menu tam, kde menu chcete, nebo je její záhlaví pro ostatní možnosti Pozice příliš upravené. Do kódu šablony přidáte prázdný kontejner a pak na něj nasměrujete Zobrazit menu na tomto CSS selektoru.

Přidejte kontejnery a nasměrujte na ně aplikaci

  1. Otevřete kód šablony

    Přejděte do Online obchod > Šablony, u šablony klikněte na … a zvolte Upravit kód.

  2. Přidejte kontejnery menu

    Vložte prázdný kontejner tam, kde se má každé menu zobrazit, a klikněte na Uložit. Funguje jakékoli ID; toto jsou příklady:

    <div id="GloboDesktopMenu"></div>
    <div id="GloboMobileMenu"></div>
    • Počítač: obvykle v souboru sekce záhlaví (například sections/header.liquid), tam, kde má být navigace.
    • Mobil: obvykle v souboru vysouvacího menu vaší šablony nebo v layout/theme.liquid.

  3. Zadejte kontejnery v aplikaci

    V editoru menu otevřete záložku Nastavení a pod Pozice zvolte Zobrazit menu na tomto CSS selektoru. Do pole CSS selektor hlavního menu zadejte #GloboDesktopMenu a do pole CSS selektor mobilního menu zadejte #GloboMobileMenu.

    Zadejte ID svých kontejnerů do dvou polí pro CSS selektory

  4. Uložte, publikujte a zkontrolujte

    Klikněte na Uložit a pak publikujte menu. Zkontrolujte obchod na počítači i na mobilu.

Dobré vědět

  • Jen jedno rozvržení — přidejte jediný kontejner a druhé pole nechte prázdné.
  • Stávající obsah se nahradí — aplikace vyplní každý kontejner a nahradí vše, co v něm je.
  • Menu šablony zůstane — pokud nechcete obě menu, skryjte ho nebo odstraňte v kódu či v nastavení šablony.
  • Pro každou šablonu — úpravy kódu platí jen pro upravenou šablonu. Pokud šablonu změníte nebo aktualizujete, přidejte kontejnery znovu.

Řešení problémů

Mobilní menu se nezobrazuje

Vaše šablona možná vytváří vysouvací menu až později pomocí JavaScriptu. Přesuňte mobilní kontejner do kódu, který je na stránce vždy, například do layout/theme.liquid.

Nic se nezobrazuje

Ověřte, že je v této šabloně zapnutá vložená aplikace. V konzoli prohlížeče zkontrolujte, že document.querySelector('#GloboDesktopMenu') váš kontejner najde.

Pomohla vám tato stránka?

Nahlásit problém