Rádi si hrajeme na Ježíšky, a proto máme radost, že vám můžeme v této pro e-shopaře rušné předvánoční době nadělit rovnou tři předčasné vánoční dárky v podobě nových e-shopových šablon.

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ě příštího roku.

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 a grafiky postupují mílovými kroky kupředu.

Spolupracujeme na nich s předními odborníky ve svých branžích.

Pod UX šablony se podepíše Lukáš Dubina, jehož expertíza je UX design a obchodní výkonnost e-shopů.

grafickou podobu se stará Jan Kulda, borec, který má zkušenosti s tvorbou grafiky pro řadu opravdu velkých e-commerce projektů.

Lukáš Dubina a Jan Kulda

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 tři 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

Kliknutím otevřete ukázkovou šablonu

Šablona Paris 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

Seznamte se s šablonou Tokyo

Náhled šablony Tokyo - Eshop-rychle

Kliknutím otevřete ukázkovou šablonu

Šablona Tokyo 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

Seznamte se s šablonou Porto

Náhled šablony Porto - Eshop-rychle

Kliknutím otevřete ukázkovou šablonu

Komu šablona Porto 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).

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

 

Líbil se vám článek? Budeme rádi, když ho nasdílíte svým přátelům!

Tohle už jste četli?

Komentáře k článku

  • Alternativní doktorka

    No hurá 🙂 Už bylo na čase. A co se týká zobrazení rámečku Rondo u detailu produktu – kde se bude zobrazovat u šablony PORTO?

    • Jiří Košťál

      Hezký den,
      pro modul Ronda naše aplikace nic do veřejné části stránek žádný rámeček ani nic jiného negeneruje. Nejedná se tedy o něco jiného?

      • Alternativní doktorka

        U detailu produktu se mi v eshopu zobrazuje pod fotkou produktu rámeček s reklamou na Rondo.cz

        • Alternativní doktorka

          Rovnou jsem zkusila šablonu PORTO a dělá to také. Nicméně jsem se zase vrátila zpět, protože mě to v praxi trochu zklamalo tím, že tam nejde vidět třetí úroveň kategorií a jejich inteligentní zobrazení – což v náhledu, na který okdkazujete, nešlo vidět jak se to pak chová ven. Tak jen doufám, že později budou i další vylepšení 🙂

          • Jiří Košťál

            Rámeček s reklamou pro Rondo bude zřejmě vámi vložený modul (například formou kódu do patičky a podobně), protože toto v nastavení našeho systému nenaleznete. Jedná se tedy o modul třetí strany, za jehož funkčnost zodpovídá dodavatel modulu.
            Co se týče menu, tak toto zřejmě bude nějaká nesrovnalost na naší straně, kterou jsem ihned předal k prověření. Děkujeme za upozornění 🙂

          • Alternativní doktorka

            Rondo – máte pravdu, odstranila jsem, Bylo to proto, že jsem Rondo měla jako první a ještě dříve, než jste to spustili. Menu – ok, díky.

  • AVcenter.cz

    Dobrý den,
    šablona Porto – jak dostanu svůj text do barevné patičky (footer) webu?
    Pořad to leze pod ní.

    • Jiří Košťál

      Hezký den,
      patička webu jako taková má stejný barevný podklad jako má pozadí stránek – tedy světle šedivou. Tmavě šedivou barvu, má pouze pruh, který zakončuje stránku a do kterého nelze vlastní obsah vložit.
      Pokud potřebujete přebarvit pozadí patičky, je možné to provést přes CSS styly. Pokud s tímto nemáte žádné zkušenosti, je možné se obrátit na našeho grafika na emailu webdesign@eshop-rychle.cz. Upozorňuji ale zároveň na to, že text obsahu patičky nebude na této barvě podkladu vidět, takže je potřeba se s grafikem ještě domluvit na přebarvení textu.

  • Roman Coufal

    Dobrý den, rád bych si zobrazil “live” náhled u šablony Tokyo, ale v adminu se toto nenabízí (jako tomu je u starších šablon). Nerad bych postupoval stylem “pokus/omyl”… Jak na to ? Děkuji

    • Jiří Košťál

      Dobrý den Romane,
      live náhled není u nových designů podporován. Šablony jsou namísto náhledu v administraci prezentovány na “funkčních” eshopech.
      Pokud chcete vidět šablonu přímo v akci, doporučuji si vytvořit nový zkušební eshop, na kterém si ji osaháte a následně až pak aplikujete na váš ostrý web.

      • Roman Coufal

        Rozumím, děkuji za zprávu. Dostat testovací eshop do stejné podoby jako ostrý zabere čas, který teď před Vánoci bohužel není…

        • Jiří Košťál

          Pokud potřebujete zkušební eshop naplnit daty jen pro účel designu, napište dotaz z administrace vašich placených stránek a uveďte adresu nového zkušebního webu plus info, že chcete data překopírovat. Do dotazu připište, že jsme spolu domluveni na kopii a kolegové vám data zdarma nakopírují 🙂

          • Roman Coufal

            Děkuji moc za ochotu 🙂

          • Dobrý den, řeším stejný problém. Nejde mi ani tak o data jako o nastavení vzhledu. Některé věci mi připadají praktické na některých možná zbytečně lpím, ale před změnou šablony bych chtěla vidět, co se s mým shopem stane.

          • Jiri Kostal

            Hezký den Moniko, v tom případě bych vám doručil stejný postup, jako jsem popisoval výše Romanovi 🙂

      • Roman Coufal

        Zeptám se ještě, ikony podkategorií lze upravit i na obrázkové nebo mohou být jen takto textové ? Jsem rád, že je k dispozici konečně šablona s horizontálním menu. Ta tady chyběla. Dobrá práce.

        • Jiří Košťál

          Máte na mysli odkazy na podkategorie nad výpisem produktů? Tyto odkazy generuje systém jako “tlačítka”. Pokud chcete vytvořit obrázkové odkazy, je to samozřejmě možné, ale pouze ručně přes textový editor, který je obsažen v nastavení každé kategorie. Pomocí něho si můžete vložit obrázky a vytvořit z nich odkazy na jednotlivé podkategorie viz bližší popis zde http://helpdesk.eshop-rychle.cz/docs/nastaveni-e-shopu/podkategorie-jako-obrazkove-odkazy/

          • Roman Coufal

            Děkuji za info, myslel jsem, že by to tlačítko šlo “upravit jen přidáním obrázku” 🙂 Jinak standard postup znám. Děkuji

  • Mária Tobiášová Kuzmová

    Tiež ma zaujíma, ako by vyzeral môj eshop v novej šablóne PORTO. Ako to viem urobiť? Je možné, že pri zmene šablóny prídem o nejaké nastavenia, okrem tých obmedzení, o ktorých tu píšete? Ak áno, o aké? Aby som to vedela zvážiť. Inak, vyzerajú naozaj dobre.

    • Jiří Košťál

      Hezký den Mário,
      šablona PORTO má omezení pouze v nastavení pozadí hlavičky, které nelze z uživatelského rozhraní provést a je automaticky nastavena tak, aby se uživatel dostal do všech úrovní menu bez možnosti jiného nastavení. Jiná omezení šablona oproti jiným responzivním šablonám nemá 🙂

      • Mária Tobiášová Kuzmová

        Super. Takže zajtra vyskúšam. Ďakujem. 🙂

      • Mária Tobiášová Kuzmová

        Dobrý deň,
        ešte si pre istotu chcem overiť pred tým, ako spustím novú šablónu. Mám nastavené v kategóriách a podkategóriách (až 4 úrovne) tabuľkové zobrazenie cez obrázky, na ktorých sú odkazy na danú stránku. Toto zostane zachované v poriadku aj v novej šablóne PORTO? Zabralo množstvo času, kým som nastavila všetky podkategórie takto a o to by som nechcela prísť.

  • S.Hovorková

    Líbí se mi šablona Paris, pouze navrhuji, aby u vše snímků – detailů produktu se foto zobrazovalo přes celou stranu, jako např. eshop Otto. Velké rozlišení snímků nejvíce prodává. Děkuji.

    • Jiří Košťál

      Hezký den,
      děkujeme za příspěvek. Šablona je koncipována pro univerzální použití nikoliv pouze pro prodej designových věcí. Pokud ale potřebujete šablonu modifikovat a náhledové obrázky upravit, je možné to řešit přes naše grafiky viz sekce Grafici na úvodní straně administrace 🙂

      • S.Hovorková

        Dobrý den, děkuji. Moc by nám to pomohlo, zkusím jak píšete. Hezký den, S.

  • Mária Tobiášová Kuzmová

    Nastavila som si šablonu PORTO, ale nedá sa mi zmeniť pozadie stránky. V čom môže byť problém?

    • Jiri Kostal

      Obecně těžko říci, jelikož se mi to daří na svém eshopu i přímo na vašem změnit zcela v pořádku a to jak na vlastní obrázek tak i barvu. Doporučuji tedy poslat požadavek přes administraci stránek, kde upřesníte, jakým způsobem pozadí stránky měníte. Technici vám nastavení následně prověří.

      • Mária Tobiášová Kuzmová

        Ok. Myslela som, či nemôže byť problém s veľkosťou obrázku alebo niečo podobné. Idem napísať dotaz.

  • Pavla Křenková

    U šablony PARIS se mi nefiltruje zboží označené jako Akce. Ostatní funguje. Nevím, co by mohlo být špatně. Top produkt a novinka fungují.

    • Jiří Košťál

      Hezký večer Pavlo,
      na vašem eshopu jsem našel produkty v akci celkem 2 a to Persil POWER-MIX Caps color 18 ks a Persil POWER-MIX Caps universal 18 ks. Oba se mi daří přes vyhledávání v levé části stránek nad menu korektně vyfiltrovat.
      Poprosím tedy o upřesnění, jaký produkt hledáte, abych mohl nastavení prověřit.

      • Pavla Křenková

        Dobrý den,
        ano, už to funguje. Ale opravdu to nefungovalo. Stejně, jako když jsem zkusila seřadit možnosti dopravy a plateb. Seřazení možností dopravy bylo změněné ihned, ale ty platby ne. V administraci to bylo tak, jak to chci já a na live e-shopu původní. Zkoušela jsem to uložit, všechno zavřít, znovu se přihlásit a pořád to bylo jinak. Neměla jsem už pak čas se tím dále zabývat a když jsem přišla druhý den na e-shop, tak to bylo, jak si to představuji. Poprvé v životě jsem asi vděla kouzlo. Jinak dobré. Ta nová šablona je pěkná.

  • Jiří Matej

    Dobrý den ,

    je u šablony Porto možná změna horního banneru, nebo jde pouze vložit logo? Nikde jsem editaci horního banneru nenašel při zkoušce webu. Děkuji

    • Jiri Kostal

      Dobrý den Jiří, jak uvádíme v omezeních u této šablony, tak pozadí hlavičky zde z administrace měnit nelze. Změna je tedy možné pouze přes CSS styly nebo grafika, který s tuto úpravou má zkušenosti.

  • Kozí Pelíšek

    Budou se plánované šablony v novém roce podobat šablonám jako má třeba wix.com ? Plánujete drag and drop editor, nebo je to pro vás momentálně nerealizovatelné ? Máte skvělé funkce jenom mi přijde frustrující, že si nemůžu vytvořit web dle svých představ, pak li že to nesvěřím do rukou vašich grafiků, na které momentálně nemám 🙁

  • Victor Nightingale

    Zdravím,

    vizuálně v pořádku, ale optimalizace stále vázne. Vašemu frontenďákovi vzkazuji, ať se naučí minifikovat CSS a JS, který jdou do releasu. A byl bych vděčný, pokud byste umoudřili ty JS soubory v , přecejen co zvláštní soubor, to request navíc. Ty zbytečnější hoďte pod body ať mi neblokují content.

    Neberte to zle, tohle všechno bych rád viděl v těch nových HTML5 šablonách, na které čekám snad rok. Doufám, že budou stát za to, jak říkáte.

    Přeji pěkný den

shares