Úvod do Designera

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.