--- title: "Jak se vám líbí 3 nové šablony Eshop-rychle? | Eshop-rychle" description: "Rádi si hrajeme na Ježíšky. A proto jsme e-shopařům v této rušné předvánoční době nadělili hned tři předčasné vánoční dárky v podobě nových šablon." url: "https://blog-staging.golemops.ing/3-nove-sablony-eshop-rychle/" language: cs --- # Jak se vám líbí 3 nové šablony Eshop-rychle? - 15.11.2017 - 5 minut čtení - [Nové funkce a vylepšení](https://blog-staging.golemops.ing/nove-funkce-a-vylepseni/) ## Evoluce, ne revoluce Dopředu bychom rádi upozornili, že **všechny tři nové šablony vycházejí ze stávajících šablon**, které mají své historicky dané limity. Neočekávejte u nich proto revoluční změny, jako spíše evoluci. I tak si ale myslíme, že se s nimi podařilo pořádně zamávat a vymáčknout z nich, co se dalo. No za chvíli se přesvědčíte sami. :-) **Na revoluci v podobě nových HTML5 šablon se připravte v první polovině roku 2018.** Neradi bychom slibovali přesný termín, ale můžeme prozradit, že jak programátorské práce, tak práce po stránce [UX designu](http://www.jiribrda.cz/co-je-ux-design-a-kde-se-s-nim-setkate.html) a grafiky postupují mílovými kroky kupředu. Spolupracujeme na nich **s předními odborníky** ve svých branžích. **Pod použitelnost a UX šablony** se podepíše [Lukáš Dubina](https://www.lukasdubina.cz/), jehož expertíza je UX design a obchodní výkonnost e-shopů. O **grafická design** se stará [Jan Kulda](https://www.kulin.cz/), borec, který má zkušenosti s tvorbou grafiky pro řadu opravdu velkých e-commerce projektů. [![Lukáš Dubina a Jan Kulda](https://blog-staging.golemops.ing/_image?href=https%3A%2F%2Fblog-staging.golemops.ing%2F_emdash%2Fapi%2Fmedia%2Ffile%2F01M35AY8DDGCT5C7Z2X96182CF.jpg&w=420&h=250&q=80&f=webp)](https://blog-staging.golemops.ing/_emdash/api/media/file/01M35AY8DDGCT5C7Z2X96182CF.jpg) Lukáš Dubina (UX) a Jan Kulda (grafika) Nechceme spoilerovat, ale **bude to pecka**! Stay tuned, určitě vás budeme s blížícím se dokončením o stavu prací informovat. ;-) ## Představujeme 3 nové e-shopové šablony Protože chceme být světoví a do budoucna **neomezovat e-shopaře** také v prodeji do zahraničí, promítli jsme tuto vizi už nyní do názvů nových šablon a pojmenovali je podle velkých světových metropolí. Pojďme si je tedy představit jednu po druhé. ## Seznamte se s šablonou Paris [![Náhled šablony Paris - Eshop-rychle](https://blog-staging.golemops.ing/_image?href=https%3A%2F%2Fblog-staging.golemops.ing%2F_emdash%2Fapi%2Fmedia%2Ffile%2F01M35AY8JKJKA5RNSC7JA5AWDC.png&w=720&h=357&q=80&f=webp)](https://paris.eshop-rychle.cz/) Kliknutím otevřete ukázkovou šablonu [Šablona Paris](https://paris.eshop-rychle.cz/) je naší první **širokoúhlou šablonou** roztaženou na šířku celé stránky. **Hlavní produktové menu je vlevo** a vytažené mimo obsah stránky. Díky výrazně většímu prostoru pro rotátor obrázků se šablona přímo nabízí **k prodeji designového zboží**. Také detail produktu s větším prostorem prokoukl a působí **moderněji a vzdušněji**. Změny poznáte i ve formulářích, jejichž inputy jsou dle UX zásad pro zákazníky seřazeny logičtěji pod sebou a nikoli "náhodně" rozmístěné ve dvou sloupcích. Výrazně jsme vylepšili také responzivitu šablony pro mobilních zařízeních. Specifická omezení šablony - z povahy šablony není povoleno nastavení "Typ levého svislého menu: Vysouvací - vpravo (4 úrovně) - aktivní jen poslední úroveň menu", automaticky bude zvolena možnost pro aktivní všechny úrovně menu - není možné povolit rotátor šablony - nelze deaktivovat defaultně aktivní volbu "Ve výpisu produktů zobrazit podkategorie" - pravý sloupec pro tuto šablonu pochopitelně nelze povolit - není možné měnit pozadí hlavičky a stránky v live editu šablony - není povolené tzv. "inteligentní řazení kategorií" ### Ukázka šablony v praxi E-shop www.vanocniedice.cz [Detail šablony Paris](https://paris.eshop-rychle.cz/) ## Seznamte se s šablonou Tokyo [![Náhled šablony Tokyo - Eshop-rychle](https://blog-staging.golemops.ing/_image?href=https%3A%2F%2Fblog-staging.golemops.ing%2F_emdash%2Fapi%2Fmedia%2Ffile%2F01M35AY8KH8BQYEEAXYQ0BJXJV.png&w=720&h=597&q=80&f=webp)](https://tokyo.eshop-rychle.cz/) Kliknutím otevřete ukázkovou šablonu [Šablona Tokyo](https://tokyo.eshop-rychle.cz/) si také připisuje jedno prvenství. A sice, že je první šablonou Eshop-rychle nabízející **horizontální produktové menu**. I zde je **na detailu produktu využita celá šířka stránky** bez levého sloupce pro větší vzdušnost a přehlednost. Responzivita a UX formulářů se samozřejmě dočkaly podobných úprav stejně jako ostatní nové šablony. Vylepšen a **zpřehledněn byl i celý objednávkový proces**. Specifická omezení šablony - v horizontálním produktovém menu jsou viditelné pouze první 2 úrovně kategorií. Zbylé úrovně jsou zobrazené v obsahové části stránky po rozkliknutí - není možné povolit rotátor šablony - nelze deaktivovat defaultně aktivní volbu "Ve výpisu produktů zobrazit podkategorie" - nelze měnit "Typ levého svislého menu:" --\> vynucena aktivní volba "Vysouvací - vpravo (4 úrovně) - aktivní všechny úrovně menu" - není povolené tzv. "inteligentní řazení kategorií" - **POZOR** - Šablona je vhodná zejména při rozumném množství hlavních kategorií. Při větším počtu může docházet k přetékání bílého textu kategorií do bílého pole mimo hlavní box a tím pádem ke ztrátě viditelnosti. Pokud budete mít ale zájem šablonu použít i při větším počtu kategorií, můžete nás kontaktovat skze autorizovaný dotaz v administraci a náš grafik Ondra vám fixní šířku menu jednoduše roztáhne přesně podle počtu vašich kategorií. ;-) ### Ukázky šablony v praxi E-shop Makovapanenka.cz E-shop Laalmara.cz [Detail šablony Tokyo](https://tokyo.eshop-rychle.cz/) ## Seznamte se s šablonou Porto [![Náhled šablony Porto - Eshop-rychle](https://blog-staging.golemops.ing/_image?href=https%3A%2F%2Fblog-staging.golemops.ing%2F_emdash%2Fapi%2Fmedia%2Ffile%2F01M35AY8JKV73VQDVDS9XD3GYQ.png&w=720&h=598&q=80&f=webp)](https://porto.eshop-rychle.cz/) Kliknutím otevřete ukázkovou šablonu Komu [šablona Porto](https://porto.eshop-rychle.cz/) něco připomíná, má dobrý postřeh. Tato šablona totiž vychází z naší dosud nejnovější responzivní šablony se sexy označením 3rs15 (ne, není to ten [robot ze Star Wars](https://www.youtube.com/watch?v=JLmOteqmDYc)). Při tvorbě Porta jsme využili **všechny poznatky**, které jsme od vás e-shopařů při zakázkových designech nashromáždili a víme, že vás na předchozí šabloně trápily. Na první pohled nejviditelnější změnou je **menší "roztahanost"** šablony. Výraznou modernizací po stránce UX ale prošla celá řada prvků. Všechna **konverzní tlačítka** mají ve všech barevných variantách šablony **unikátní výraznou barvu** a podvědomě navádí zákazníka objednávkou přímou cestou k jejímu dokončení. A právě i **UX objednávkového procesu doznalo velkých změn**. Od druhého kroku košíku zmizí zákazníkovi prvky, které ho zbytečně rozptylují od dokončení objednávky, jako produktové menu, článkové menu, vyhledávání, patička apod. Stejně jako u ostatních šablon se samozřejmě zapracovalo i na **responzivitě webu** pro mobilní zařízení. Specifická omezení šablony - Nelze měnit pozadí hlavičky v live editu šablony (stále je ale možné měnit pozadí stránky) - Nelze aktivovat typ levého menu s aktivní pouze poslední úrovní menu, automaticky bude použita volba pro aktivní všechny úrovně menu - Není povolené tzv. "inteligentní řazení kategorií" ### Ukázky šablony v praxi [![Lukáš Dubina - redesign e-shopu Gastro Levně](https://blog-staging.golemops.ing/_image?href=https%3A%2F%2Fblog-staging.golemops.ing%2F_emdash%2Fapi%2Fmedia%2Ffile%2F01M35AY8FK6A4GGWYJFVXT3WW2.jpg&w=500&h=337&q=80&f=webp)](http://www.gastro-levne.cz/) E-shop Gastro-Levne.cz ![Lukáš Dubina - redesign e-shopu Cofeespot](https://blog-staging.golemops.ing/_image?href=https%3A%2F%2Fblog-staging.golemops.ing%2F_emdash%2Fapi%2Fmedia%2Ffile%2F01M35AY8EMGN6VB1S9TMX0803Z.jpg&w=500&h=337&q=80&f=webp) E-shop Coffeespot [Detail šablony Porto](https://porto.eshop-rychle.cz/)