Šablony designu a Designér

Irius disponuje modulem Designér, ve kterém můžete přepínat mezi grafickými šablonamy e-shopu a dále pomocí jednoduchých voleb upravit design šablony svým potřebám. Je to také jediný modul, který se nenachází v administraci ale na webové frontendové části.

Nastavení šablon v Designéru

Tento modul umožňuje upravit vzhled e-shopu pomocí tzv. šablon. Slouží k tomu, aby váš e-shop odpovídal vizuálnímu stylu vaší značky a dobře fungoval na všech zařízeních. Šablony jsou navržené tak, aby byly rychlé, přístupné a přizpůsobitelné.

Kde Designer najdete

  1. Modul „Designer“ není přímo v administraci, ale v tzv. frontendu – tedy ve webové části e-shopu
  2. Přístup do Designeru mají pouze zalogovaní administrátoři.
  3. Do modulu se dostanete následovně:
    1. Přihlaste se do administrace.
    2. Klikněte na tlačítko www (v horní liště vpravo).
    3. Otevře se vám váš e-shop a s nástrojem Designer. Nebo se jednoduše zalogujte do administrace a otevřte svůj e-shop. Designer je k dispozici vždy, když jste zalogováni jako administrátoři.

 

Otevření Designeru a rozložení karet

Designer otevřete v dolní části obrazovky (v tzv. „frontend režimu“), když jste přihlášeni jako administrátor. Je lehce skrytý – malá lišta u spodního okraje obrazovky (malá ikonka s šipkou).

Jakmile je designér viditelný, můžete s ním začít pracovat.

Každou kartu můžete samostatně otevřít a provést změny. Všechny změny se ihned vizuálně promítají do náhledu webu, ale nejsou veřejné pro zákazníky.

Šablony

V systému je záměrně k dispozici omezený počet šablon, protože se snažíme investovat více do kvality, než kvantity. Šablony postupně přidáváme, ale až když si jsme jisti, že je perfektní a kopatibilní se všemi funkcemi.

Všechny šablony jsou:

  • plně responsivní a připraveny pro počítače i mobilní zařízení
  • přístupné pro uživatele s různými typy zrakového handicapu
  • optimalizované z hlediska SEO a výkonu
  • kopatibilní se všemi funkcemi
  • vizuálně hezké : )

Šablona Standard

Základní šablona vhodná pro jakýkoliv typ e-shopu, zcela univerzální. Varianta se zapnutým vertikálním menu.

Šablona Soft

Stylovější šablona s jemějším designem, kterou ocení zejména ženy. Varianta se zapnutým horizontálním menu.

Šablona Jednoproduktový e-shop

Tato šablona je specielně upravena pro e-shopy, které chtějí prodávat pouze jeden produkt přímo na homepage. Dostupné jsou všechny funkce jako u ostatních šablon, ale zákazníkovi jsou na homepage dostupné i funkce, které jsou obvykle až v detailu produktu na jeho podstránce.

Šablonu připravujeme...

Šablona Color

Tato šablona je vizuálně pestrá, pro kreativnější e-shopy, které potřebují intenzivně zaujmout svou klientelu.

Šablonu připravujeme...

Tip

Díky širokým možnostem konfigurace lze z jedné šablony vytvořit mnoho vizuálně unikátních variant.

Úprava bannerů a jejich varianty

V Designeru můžete ovládat různé typy bannerových pozic. Tyto pozice slouží k upoutání návštěvníka a většinou se nachází na hlavní stránce e-shopu.

Typy bannerů:

  • Jeden velký banner přes celou šířku obrazovky (FullScreen)
  • Banner na celou šířku šablony (Big)
  • Sada tří bannerů vedle sebe (kombinovaný layout)
  • Kompozice: jeden velký a dva malé
  • Kombo široký banner a malý obdelník
  • Banner jako textové pop-up okno (bez obrázku)
  • Zavírací lišta v horní části obrazovky s textovou informací (vhodné pro akce)
  • Banner pod kategoriemi při použití vertikálního menu
  • Banner v kategorii
  • Banner na homepage v obsahu (posouvatelný v designéru)

Každý banner:

  • Může být aktivní nebo vypnutý
  • Může být samostatný, nebo součástí sady
  • Může být statický, nebo fungovat jako slider (rotující obrázky) 

Důležité: Výška bannerů je variabilní, ale jejich šířka je pevně dána šablonou.

Bannery lze kombinovat a vytvořit si vlastní sadu. Sady bannerů, které mají jasně daný počet (1/3 .. 2/3 .. 3/3) nelze zobrazovat samostatně, vždy musí být vypublikované současně.

Pro přehlednost je doporučeno aktivovat jen ty bannery, které skutečně chcete použít – např. jednu sadu + jeden hlavní banner.

Přehled záložek v Designeru

Šablona

Vyberete vzhled šablony, která určuje základní styl vašeho e-shopu.

Layout

Nastavíte rozložení prvků na stránce – např. šířku e-shopu, počet sloupců, umístění menu. 

Styl

Upravíte barvy, fonty, velikosti textů, zaoblení tlačítek a další vizuální prvky.

Homepage

Spravujete obsah a vzhled hlavní stránky – bannery, boxy, sekce novinek apod.

Z homepage se můžete také prokliknout přímo do správý bannerů, viz. obrázek.  

Na homepage můžete také měnit pořadí jednotlivých widgetů pomocí dvojšipky, jednoduše tahem myši a pomoci checkboxu je vypínat/zapínat.

Kategorie

Nastavení zobrazení kategorií – např. zda má být menu viditelné nebo automaticky rozbalené, umístění štítků, zobrazení políček apod.

Karta produktu

Nastavíte, co vše se má zobrazovat na detailu produktu – krátký popis, obrázky, štítky, výrobce atd.

V kartě produktu najdete také volitelnou funkci "Záložek". Tu pokud aktivujete, tak se obsahová část produktů od popisu dál může automaticky rozdělit na záložky. Ty se budou zobrazovat, když Irius vyhodnotí, že by byly pro produkt přehlednější. Např. když detailní popis bude mít více než 300 znaků nebo bude důvod zobrazit více než 2 záložky (přiložené soubory, importované tabulky přes rozšíření a související produkty apod.).

CSS styly

Pro pokročilé – možnost přidat vlastní CSS kód a upravit vzhled nad rámec běžných možností.

Publikace

Tlačítko pro publikování provedených změn – až po kliknutí se nové nastavení projeví na webu. 

Můžete také šablonu vyresetovat a tím se ztratí vaše úpravy a použije se původní vzhled. V případě použití Resetu konceptu (žluté tlačítko) se vrátí do vaší poslední publikované verze a v případě použití Resetu šablony (červené tlačítko) se vrátí do původního předdefinovaného stavu a ztratí se veškeré vaše i starší úpravy.

Každou změnu v Designeru můžete ihned vidět v náhledu – doporučujeme průběžně testovat na mobilní i desktop verzi.

Pomocí ikonky minimalizace a maximalizace vpravo od záložek Designéra můžete zvětšit okno Designéra.


Upozornění

S šablonou může pracovat vždy pouze jeden administrátor a dokud ji nevypublikuje, je "uzamčená" pro editaci ostatním administrátorům.

Tip

Chcete design na míru nebo nějaké úpravy? Kontaktujte nás, rádi pro vás připravíme úplně novou šablonu na míru a nebo upravíme design, některé ze současných, či provedeme požadované změny.