Přejděte do sekce Grafika / Designer.

V levé části obrazovky se nachází seznam oddílů obsahujících funkcionalitu, pomocí které můžete grafiku e-shopu upravovat.

Dále uvádíme pouze popis sekce Šablony. Informace o ostatních oddílech najdete v dalších článcích nápovědy modulu Designer

Šablony

Oddíl je určený pro úpravu jednotlivých komponent v následujících vybraných šablonách e-shopu. V okně náhledu se zobrazí referenční stránka vybrané šablony.

Výběr šablony

  • Základní rozložení - Nastavení základní struktury e-shopu, zejména sloupců a kontejnerů. Více zde.
  • Hlavní stránka - Nastavení hlavní stránky a jejích komponent.
  • Seznam produktů - Nastavení stránky s produkty a jejích komponent.
  • Detail produktu - Nastavení detailu produktu a jeho komponent.
  • Textová stránka - Nastavení textové stránky a jejích komponent.

Detail šablony

Po prokliknutí na detail šablony se v náhledu grafiky zobrazí výchozí stránka, jejíž vzhled se řídí danou šablonou. Např. stránka O nás se řídí Textovou šablonou. Více viz. kapitola níže Náhled grafiky.

V levém sloupci detailu šablony se zobrazí nabídky:

  1. Rozložení - Seznam komponent s možnostmi nastavení rozložení. Více zde.
  2. Vzhled - Seznam komponent s možnostmi nastavení vzhledu. Více zde.

Pokud kliknete na ikonku  se náhled grafiky naroluje na střed vybrané komponenty.

Některé prvky je možné vidět pouze v určitých typech zobrazení.

  • Písmeno "D" vedle názvu prvku označuje, že je viditelný pouze v desktopu, 
  • "T" v tabletu, 
  • "M" v mobilu

Náhled grafiky

V pravé části obrazovky vidíte okno s náhledem upravované grafiky. Jedná se o testovací verzi e-shopu, nikoli ostrou verzi.

Stejný náhled si můžete zobrazit v novém okně prohlížeče po kliknutí na ikonku  v dolní části sloupce.

Přepnutí zobrazení

Pomocí ikon      můžete změnit šířku náhledu grafiky, aby odpovídal obrazovce mobilu, tabletu nebo desktopu. Grafika e-shopu se uvnitř náhledu responzivně přizpůsobí.

Obrázek níže zobrazuje přepnutí náhledu grafiky do modu tablet.

Funkční tlačítka

Pokud v náhledovém okně najedete myší na nějakou komponentu, ohraničí se červenou přerušovanou čárou.

Uprostřed pole se objeví funkční tlačítka:

  1. Rozložení - Zobrazí se možnosti rozložení dané komponenty. Více zde.
  2. Vzhled - Zobrazí se možnosti vzhledu dané komponenty. Více zde.
  3. Obsah - Proklik do administrace dané komponenty. Zobrazí se konkrétní detail nebo seznam položek daného modulu.

Zálohy

Úpravy v Designerovi si můžete manuálně zálohovat pro případ, že se budete chtít vrátit zpět do stavu, kdy byla záloha vytvořena. Více zde.

Nepomohla Vám tato nápověda?

Požádejte o radu zkušené eshopery v UPgates poradně.

UPgates poradna