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:
- Rozložení - Seznam komponent s možnostmi nastavení rozložení. Více zde.
- 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:
- Rozložení - Zobrazí se možnosti rozložení dané komponenty. Více zde.
- Vzhled - Zobrazí se možnosti vzhledu dané komponenty. Více zde.
- 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.
Video návod
Upozornění! Vzhled rozhraní a některé funkce modulu Designer se v aktuální verzi mohou lišit od verze, pro kterou byl natočený video návod níže.