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

Vlastní CSS

Přidejte vlastní CSS a dolaďte vzhled menu.

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

Šablonu stylů / CSS použijte, když nastavení, písma a barvy nestačí — pro zvláštní efekt při najetí myší, velikost písma jedné položky nebo drobnou opravu šablony. CSS se uloží s menu a při publikování se přidá do vašeho obchodu.

Přidejte vlastní CSS

  1. Otevřete záložku Pokročilé

    V editoru menu klikněte v levém postranním panelu na ikonu Pokročilé (</>) (1).

    Otevřete záložku Pokročilé (1) a napište CSS do pole Šablona stylů / CSS (2).

  2. Přidejte CSS

    Napište nebo vložte CSS do pole Šablona stylů / CSS (2) místo zástupného textu //enter css custom here.

  3. Uložte a publikujte

    Klikněte na Uložit a pak na Publikovat. Výsledek uvidíte po tvrdém obnovení stránky obchodu.

Zacilte na správné prvky

CSS se do stránky přidá tak, jak je, a neomezuje se jen na toto menu, proto selektory zužte:

  • Všechna menu — začněte .gm-menu.
  • Jedno menu — začněte .gm-menu-<ID>. ID zjistíte tak, že v obchodě kliknete na menu pravým tlačítkem a zvolíte Prozkoumat.
  • Jedna položka — dejte jí Extra název třídy v sekci Pokročilé v nastavení položky (viz Úprava položky menu) a pak tuto třídu použijte.

Například aby položka s extra názvem třídy sale-item byla tučná a červená:

.gm-menu .sale-item > .gm-target {
  color: #d72c0d !important;
  font-weight: 700 !important;
}

Záložka Pokročilé obsahuje také Dostupnost na trzích, která omezí menu na vybrané trhy — viz Zobrazení menu podle trhu.

Řešení problémů

Moje CSS nemá žádný účinek
  • Zkontrolujte, že jste po uložení klikli na Publikovat.
  • Vlastní styly aplikace často používají !important, takže ho může potřebovat i vaše pravidlo.
  • Hledejte překlepy, například chybějící } — jedna chyba může vyřadit všechna následující pravidla.

Pomohla vám tato stránka?

Nahlásit problém