Novinky v modulu Designer

Verze 5.0

Více editovatelných prvků v šabloně

Rozšiřujeme možnosti Designeru!
Nově můžete upravovat ještě více prvků přímo v šabloně, což vám dává větší svobodu a kontrolu nad vzhledem e-shopu bez nutnosti zásahů do kódu.

Díky této novince:

  • Změníte více částí stránky přímo v prostředí Designeru
  • Přizpůsobíte si šablonu ještě detailněji svým potřebám

Designer se tak stává ještě silnějším nástrojem pro každého, kdo chce mít svůj e-shop vizuálně doladěný do posledního detailu

  • Verze 4.2
  • Nové možnosti v 5.0

Možnost editovat Cookies lištu

Chcete mít Cookies lištu plně pod kontrolou a sladit ji se zbytkem vašeho e-shopu? Teď už můžete! Nově je totiž možné upravit vzhled i obsah Cookies lišty přímo v prostředí Designeru.

🎯 Co můžete upravit?
✔ Barvy, texty i styl tlačítek
✔ Umístění a celkový vzhled tak, aby ladil s vaším designem
✔ To vše bez nutnosti zásahu do kódu

Díky této novince můžete mít vizuálně jednotnou a funkční cookies lištu, která bude odpovídat stylu vašeho e-shopu – rychle, jednoduše a přímo v Designeru. 🚀✨


Upravení obsahu přímo v Designerovi

Vylepšili jsme úpravy obsahu jednotlivých prvků. Nově můžete editovat obsah jednotlivých prvků přímo v Designeru – bez nutnosti složitě přepínat mezi stránkami v administraci.


Zákaznický účet - Možnost skrýt celkový obrat klienta

Na základě vašich podnětů jsme přidali novou možnost do správy zákaznických účtů – nyní si můžete zvolit, zda chcete zákazníkům zobrazovat jejich celkový obrat, nebo tuto informaci skrýt.

🎯 Kdy se to hodí?

  • Pokud nechcete, aby zákazník viděl souhrn svých výdajů
  • Pokud obrat nehraje roli ve vašich věrnostních nebo slevových programech
  • Pro čistší a přehlednější zákaznické rozhraní

Tuto funkci můžete jednoduše aktivovat nebo deaktivovat v nastavení položky, takže máte vše plně pod kontrolou. 


Widget pro sociální sítě nově i mimo homepage

Oblíbený widget pro sociální sítě (page-text-widget) jsme na vaše přání rozšířili i mimo úvodní stránku e-shopu.


Produktová položka - Štítky

Zrušení rozložení č.3 z důvodu nové možnosti řazení bloků v šabloně


Vlastní ikona na děkovací stránce

Nově si můžete upravit ikonku (smajlíka), která se zobrazuje zákazníkům na děkovací stránce po dokončení objednávky. Ať už chcete úspěšnou objednávku doprovodit vlastní ikonou nebo změnit výraz při upozornění, nyní máte tu možnost!

🎯 Jak na to?
Stačí využít překlady:

  • order-recieved-ico-success – pro úspěšné dokončení objednávky
  • order-recieved-ico-warning – pro výstražné nebo informační situace

Tuto ikonku si můžete nahradit vlastním obrázkem či symbolem dle stylu vašeho e-shopu – jednoduše a rychle přes správu překladů.

🎨 Vylepšete zákaznický dojem až do posledního kroku objednávky!


Informační lišta v záhlaví e-shopu

Nově můžete editovat obsah informační lišty v záhlaví e-shopu přímo z prostředí Designeru

🎯 Co vám to přináší?

  • Rychlé a pohodlné úpravy textu, odkazu či výzvy k akci
  • Okamžitý náhled změn informační lišty přímo v šabloně
  • Možnost upravit sdělení pro zákazníky během akcí, svátků nebo výprodejů


Sekce „Nejprodávanější“ nově s různými typy rozložení!

Vaši zákazníci si zaslouží přehledné a atraktivní zobrazení nejprodávanějších produktů – a vy teď máte více možností, jak jim je představit!

Sekce „Nejprodávanější“ nově nabízí různé typy rozložení, ze kterých si můžete vybrat podle stylu vašeho e-shopu.








Verze 4.1

Verze 4.1 přináší několik nových možností a rozšíření pro konfigurace jednotlivých prvků. Při přechodu ze starších šablon je potřeba počítat s nutností drobných úprav v rámci existujících nastavení.

Postup pro aktualizaci šablon naleznete zde.

Nová rozložení pro logo e-shopu

Logo zobrazené na stránkách e-shopu nyní nabízí 3 rozložení s různými velikostmi. Můžete si tak lépe přizpůsobit velikost loga svým požadavkům.

Hlavní banner v mobilním zobrazení

Pro mobilní zobrazení (velikost XS v modulu Designer) si lze vytvořit speciální banner, který nahradí běžný hlavní banner používaný na větších displejích. Tímto krokem si snadno připravíte pro mobilní telefony jiný obsah banneru, který bude lépe přizpůsobený pro menší displeje. Více zde.

Zobrazení EAN v detailu produktu

Hlavní popis v detailu produktu nabízí možnost zobrazení EAN kódu. Jeho umístění záleží na zvoleném rozložení. Standardně je zobrazení EAN kódu vypnuto, je potřeba provést ruční zapnutí v Designerovi.

Skrytí jednotlivých typů filtrů a řazení v seznamu produktů

Modul Designer nyní umožňuje skrýt jednotlivé typy filtrů a řazení, které se nabízí v seznamu produktů.

Hlavní fotografie v detailu produktu

Hlavní obrázek v detailu produktu nově nabízí možnost šipek pro snadné posouvání mezi jednotlivými obrázky produktu. Také je možné nastavit jeho maximální výšku. Hlavní obrázek nově využívá rozložení přes celou šířku kontejneru.

Zobrazení typu slider / klasický seznam

U vybraných prvků na stránce lze nastavit typ jejich zobrazení (slider nebo klasický seznam položek). Rovněž si lze vybrat, jestli bude obsah daného slideru / seznamu přímo viditelný anebo bude skrytý pod tlačítkem Další. Jedná se např. o seznam obrázků v detailu produktu.

Upozornění u recenzí v detailu produktu

V detailu produktu si lze přidat upozornění, které se zobrazí nad formulářem pro vyplnění hvězdiček a recenze. Obsah upozornění si vytvoříte pomocí překladu s klíčem alert-reviews. Více zde.

Text pro vyhledávací pole

Pro vyhledávací pole si lze vytvořit překlad s klíčem search-input-text, který se bude zobrazovat na jeho pozadí do chvíle vepsání prvního znaku pro vyhledávání. Více zde.

Pokud tento překlad neexistuje, na pozadí vyhledávacího pole se vypisuje překlad s klíčem Search.

Výhody obchodu - vzhled bez použití obrázku

Pokud u sekce Výhody obchodu (více zde) není použitý obrázek, popis a samotné výhody budou zabírat každý polovinu šířky stránky. Doposud bylo rozdělení na 1/3 a 2/3 šířky stránky.

Verze 4.0

Verze 4.0 přináší zásadně přepravovaný modul Designer, který reaguje na moderní trendy v oblasti grafických konfigurátorů. Designer 4.0 přináší zásadně rozšířené možnosti konfigurace jednotlivých prvků. Při přechodu ze starších šablon je potřeba počítat s nutností drobných úprav v rámci existujících nastavení. Více si můžete přečíst v samostatném článku a nápovědách

Nové rozhraní

Horní lišta umožňuje rychlý přechod do sekce, chcete upravit. Samozřejmostí je také náhled pro různé typy displejů. Snadno můžete také změny publikovat přímo na ostré doméně. Zálohy jsou přesunuty do sekce "více". 

Pohyblivé levé menu

Levé menu je nyní možné mít ukotvené nebo naopak volné a libovolně jej přesouvat po stránce, aby vám nepřekáželo při úpravách, které právě provádíte.

Nové rozložení stránky

Přidali jsme nové rozložení sloupců:

Nová barva - sekundární (světlá)

V nabídce barev je nově sekundární (světlá), která se vytváří na základě sekundární barvy. 

Dodatečná úprava světlých odstínů primární a sekundární barvy

Světlejší odstíny barev můžete upravovat pomocí posuvníků pro sytost a světlost. 

Zrušen šedý mód

Šedý mód, který převáděl velmi bledé odstíny do stupní šedi je plně odstraněn.

Skrytí prvků

Jednotlivé prvky nebo celé sekce můžete snadno na kliknutí skýt a následně v případě potřeby znovu zobrazit.

Rozdílné nastavení pro desktop, mobil, tablet

Vzhledem k tomu, že přibližně 50% zákazníků nakupuje online přes telefon, klademe velký důraz na responzivitu. Jednotlivé prvky je nově tedy možné nastavit, aby se zobrazovaly jinak na různých velikostech displejů.

Obrázkové oddělovače sekcí

Z nastavení motivů jsme výjmuli jejich pevně dané oddělovače. Nyní si nastavujete oddělovače odděleně z pestré nabídky tvarů podle vlastní potřeby. Můžete je dávat na horní část sekce nebo naopak do spodní jak jste dodnes zvyklí.

Grafické prvky na pozadí

Pozadí sekcí můžete nyní překrýt různými texturami, obrázky, vzory či maskou. Všechny možnosti můžete vzájemně kombinovat a určovat jejich pořadí. To vám dává prakticky neomezené možnosti kombinace nastavení, kdy z těchto jednoduchých grafických prvků vytvoříte profesionálně vypadající vzhled. 

Transformace

Umožňuje horizontální, vertikální či prostorové otočení prvků. Stejně tak můžete nastavovat jejich vertikální a horizontální velikost, posunutí, zkosení, zarovnání. 

Průhlednost objektů

V rámci sekce filtrů můžete nechat prvky a sekce lehce nebo více transparentní.

Barevné přechody

Při překrytí základních barev některou z přednastavených tmavých barev můžete vytvořit barevné přechody. U těch si nastavíte směr jejich gradientu, případně jeden ze dvou kruhových přechodů. 

Režim prolnutí

Stejně jako v jiných profesionálních grafických editorech můžete kombinovat jednotlivé vrstvy pomocí různých režimů prolnutí. Ty vám umožní dělat unikátní grafické prvky a úpravy fotek přímo v Designerovi.

Min. a max. výšky a šířky prvků, sekcí 

Přednastavené rozložení sekcí a prvků můžete upravit pomocí zadání minimální a maximální šířky. Ta může být samozřejmě nastavena jinak pro jednotlivé velikosti displejů. 

Písmo

S ohledem na písmo máte možnost ho upravovat z pohledu:

  • velikosti,
  • výšky řádku,
  • stylu písma,
  • zobrazení jen velkých / malých znaků,
  • kurzívy,
  • tučnosti,
  • barvy.

Vypnutí vnitřních linek

Některé seznamy položek obsahují linky, které slouží jako vnitřní linkové oddělovače. Ty je nyní možné snadno jedním klikem schovat. 

Zarovnání textu, obsahu

Není již třeba mít celý e-shop zarovnán vlevo nebo na střed. Nově můžete zarovnávat jednotlivé prvky podle potřeby. 

Stránka grafických prvků

Přidali jsme novou stránku se základními prvky. Na ní najdete všechny prvky, které se na e-shopu vyskytují a můžete tak přehledně na jedné stránce zkontrolovat, že u všech částí dodržujete pravidla pro svůj design. 

Vnitřní a vnější mezery

U prvků lze nastavit padding a margin hodnoty, které vytváří vnitřní a vnější mezery mezi prvkem a jeho okolím.

Varianty - zobrazení kódu variant

Při zobrazení tabulkového zobrazení variant produktu je přidán nově sloupec s kódem jednotlivých variant.

Upozorněni v košíku na dokončení nákupu

V detailu košíku je vytvořen nový skrytý překlad "alert-cart". Pokud jej vyplníte a v košíku je nějaký produkt, zobrazí se upozornění. Do překladu si můžete vyplnit např. Nečekejte dlouho! Zboží v košíku není rezervované.

Textová pole v grafice

Slouží pro to, aby se daly dát do grafiky různá textová pole a přitom se nemusel vypínat Designer. Jejich seznam najdete zde.

Vyhledávání - křížek pro vypnutí

Po otevření vyhledávání se změní lupa na křížek, kterým je možné ho opět ukončit.

Lightbox - vypínání

Možnost vypnutí lightboxu na celé ploše. V případě, že existují šipka, vypnutí není možné.

Všechny následně provedené změny v Designerovi pro vás od nové verze 4.0 podrobně zaznamenáváme. Aktuální seznam změn najdete na stránce s Changelogem.

Changelog

Verze 3.9

Starší verze Designera již nelze editovat

V Designerovi již není možné editovat nižší verze Designera než 3.0. V tomto případě modul nabídne možnost aktualizovat Designera na nejnovější šablony nebo je přepnout do Editoru kódu.

Skrytí ceníku zákazníka na e-shopu

V Designerovi lze skrýt ceník přihlášeného zákazníka, který se mu zobrazuje v hlavičce na stránkách e-shopu. Tato možnost je funkční od grafických šablon Designera verze 3.9.

Poznámka u dopravy a platby v mobilu

V mobilním zobrazení je nyní okamžitě viditelná poznámka u dopravy a platby (dříve zobrazená po kliknutí na ikonku).

Verze 3.8

Rozšíření možností Designera

Další možnosti velikosti fontu nadpisu, zhuštění písma nadpisu, kontrast ohraničení a rozestupy oddílů.

Nová přednastavená šablona - design Boost

V nabídce přednastavených šablon jsme přidali novou možnost - design Boost. Více zde.

Možnost skrýt tlačítko Do košíku v seznamu produktů

V grafickém modulu Designer lze skrýt tlačítko Do košíku pro všechny položky v seznamu produktů. Více zde.

Skrytí datumu založení článku

V modulu Designer je možné  schovat datum založení (vytvoření) článků. Více zde.

Archiv

Další článek
Update systému verze 29