Tento článek byl vytvořen před více jak 2 roky a může obsahovat zastaralé informace.
Popis modulu designera

Jak vytvořit rychle a zdarma design e-shopu tak, aby co nejlépe vyhovoval vašim individuálním požadavkům a přitom to nebyla žádná šablona? Díky modulu designer nabízí UPgates širokou škálu možností, jak tento grafický úkol elegantně vyřešit. Není k tomu potřeba umět programovat, kódovat ani být grafikem.

Příklad: Jako základ grafiky si vyberte jednu z přednastavených grafik a motivů. Vložte své logo (Logo a favicon), upravte barevnost (Barvy), případně změňte písmo (Texty), zarovnání, ohraničení, případně využijte další rozšířené funkce. Je možné také přizpůsobit vzhled a rozležení e-shopu. Např. si přepnete hlavičku č. 1 na č. 4 a přebarvíte ji do světlého elegantního stylu bez ohraničení.

Přejděte do modulu  Grafika / Designer

Funkce

V levé části obrazovky se nachází seznam sekcí 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 sekcích najdete v dalších článcích nápovědy modulu Designer

Šablony

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

Možnosti nastavení

  • Základní rozložení - Nastavení základní struktury e-shopu včetně 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á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 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 hlavní 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 pravé části administrace. Více zde.

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.

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.

Diskuse
Často se ptáte

Nepomohla Vám tato nápověda?

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

UPgates poradna