Tomáš Khoder

Shoptet Premium · vlastní kód nad platformou

Shoptet Premium šablony na míru.

Vlastní vzhled je začátek. Zajímavé je to, co Shoptet sám neumí — vyhledávání nad vlastní databází, graf vývoje ceny, datum doručení v detailu, parametry ve výpisu a nákupní proces vyladěný do posledního kroku.

lockjipos.cz/
sharerefresh
Shoptet Premium šablona na míru — homepage e-shopu Jipos s vlastním carouselem a rozcestníkem kategorií
Vlastní moduly76
manage_searchVlastní vyhledávání
3e-shopy postavené na míru nad Shoptetem
6 108produktů v katalogu největšího z nich
180 000 roční úspora za vyhledávání nahrazené vlastním
0rozdílů v měření hotové šablony proti návrhu

Na čem šablony stavím

Rychlá odpověď

Co je šablona na míru pro Shoptet Premium?

Šablona na míru je vlastní frontend nad Shoptetem — vlastní HTML, CSS a JavaScript místo úprav hotové šablony z galerie. Na tarifu Shoptet Premium jde vypnout výchozí styly (blank mode), takže vzhled vzniká od nuly. Objednávky, sklad i administrace přitom zůstávají Shoptetu.

Rozdíl proti úpravě hotové šablony je v tom, co všechno jde přidat: vlastní vyhledávání nad vlastní databází, graf vývoje ceny s Omnibusem, datum doručení včetně svátků, filtrovací parametry na kartách produktů nebo přepsaný nákupní proces. Tyhle věci Shoptet nenabízí a hotová šablona je doplnit neumí.

Tři vrstvy práce · od vzhledu po vlastní backend

Vzhled je nejmenší část.

Hezká šablona se dá koupit v galerii. Co koupit nejde, je chování e-shopu — jak se hledá, jak se filtruje, co zákazník vidí v detailu a kolik kroků ho dělí od objednávky. Tam se rozhoduje o konverzi.

design_services

Vzhled na míru

Vlastní design bez stop po šablonovém Shoptetu. Bez jQuery, se self-hosted fonty a vlastními ikonami — rychlé i na mobilu.

tune

Funkce nad rámec platformy

Graf ceny, termín doručení, parametry na kartách, vlastní modály košíku a dopravy. Věci, které Shoptet nevydává ani ve svém HTML.

database

Vlastní backend a data

Vyhledávací index nad katalogem, denní snímky cen, prodejní signál z reálné tržby. Vlastní služba na vašem serveru, ne pronájem.

01 · Vlastní vyhledávání

Našeptávač, který rozumí překlepům i skloňování.

Nativní vyhledávání Shoptetu naskočí až od třetího znaku a na „cerpado” bez diakritiky nenajde nic. U Jiposu proto běží vlastní vyhledávací služba na klientském serveru nad indexem celého katalogu. Napovídá od druhého znaku, zvládá překlepy, chybějící diakritiku i české pády — a když by náhodou vypadla, panel se tiše přepne zpátky na nativní hledání.

  • Návrhy dotazů, kategorie s počty produktů, značky i články v jednom panelu
  • Ručně doplněná synonyma — „vápka” najde vysokotlaký čistič, „hupcuk” naviják
  • Skladem nahoře, vyprodané dolů — bez toho by cenové řazení nabídlo nedostupný kus
  • Nahradilo placenou službu za 15 000 Kč měsíčně
lockjipos.cz/
Vlastní našeptávač na Shoptetu — návrhy dotazů, kategorie s počty produktů, značky a produkty s cenami
Napovídá od2. znaku
bolt140 ms odezva

02 · Stránka výsledků

Výsledky rozdělené na produkty, kategorie, značky a články.

Jeden dotaz na vlastní index vrátí všechno najednou, takže stránka nečeká na několik požadavků za sebou. Karty kategorií navíc nesou počty produktů, které Shoptet ve výsledcích vůbec nemá. Co lidé hledají a kde nic nenajdou, se zapisuje — z toho pak vznikají synonyma a doplňuje se katalog.

  • Sekce Produkty / Kategorie / Značky / Články s počty a přepínáním
  • Řazení podle shody, ceny i nejprodávanějších — z reálné tržby, ne z příznaku v administraci
  • Dotazy bez výsledku se ukládají jako podklad pro nová synonyma
  • Kvalitu hlídá sada testovacích dotazů s pevnou hranicí, ne dojem
lockjipos.cz/vyhledavani/
Stránka výsledků vyhledávání na Shoptetu — sekce produkty, kategorie a značky s počty výsledků

03 · Parametry ve výpisu

Filtry, které dávají smysl, a parametry rovnou na kartě.

Shoptet parametry na kartě produktu nevykresluje vůbec — zákazník musí otevřít detail, aby zjistil délku lišty nebo napětí baterie. Doplnili jsme je přímo do výpisu. Který parametr se ukáže, řídí ručně sestavená mapa: „prvních pár podle pořadí” nestačí, protože napětí 230 V mají všechna čerpadla i nabíječky a jako rozlišovací znak je k ničemu.

  • Dva až tři klíčové parametry na kartě — na mobilu méně než na desktopu
  • Filtrovací panel, přepínač dlaždice/seznam a řazení, které Shoptet nemá
  • Blok „Top produkty v kategorii” podle skutečné tržby
  • Za tím datová práce: z 1 % pokrytí filtry na registr 248 parametrů
lockjipos.cz/aku-retezove-pily/
Výpis kategorie na Shoptetu s filtrovacími parametry a specifikacemi na kartách produktů
Filtrů v registru248
tuneKurátorská mapa

04 · Detail produktu

Všechno, co zákazník potřebuje, bez jediného scrollu navíc.

Nákupní box je jeden panel: cena, úspora, termín doručení, doprava, tlačítko a vývoj ceny pod ním. Termín doručení počítáme včetně státních svátků — bez toho by karta 28. září slibovala expedici „dnes”. Sobotní doručení nabízíme jen u GLS a jen v okně, kdy to dopravce stihne, protože Shoptet to podle dopravce rozlišit neumí.

  • Časová osa Objednáte → Odešleme → Doručíme + odpočet do expedice
  • Badge úspory se zaokrouhlením shodným s nativní vlaječkou Shoptetu
  • Odpočet konce akce — datum konce Shoptet nikde nevydává, bereme ho z vlastního indexu
  • Vlastní lightbox galerie: zoom, pinch, dvojklik i minimapa na mobilu
lockjipos.cz/mini-retezova-pila-8-cd008-bulltech/
Detail produktu na Shoptetu — nákupní box s termínem doručení, badge úspory a vývojem ceny

05 · Graf vývoje ceny a Omnibus

Historii ceny Shoptet nikde nedrží. Tak ji ukládáme sami.

Každý den se uloží aktuální cena produktu. Z těch záznamů se v detailu kreslí schodový graf s vyznačeným pásmem probíhající akce a čárkovanou linkou nejnižší ceny za posledních třicet dnů — přesně to, co po e-shopech chce směrnice Omnibus. Nad tlačítkem do košíku je jednořádkové shrnutí, graf se rozbalí až na kliknutí.

  • Nejnižší cena za 30 dnů před slevou · zákazník vidí, jestli je akce skutečná
  • Osa Y v kulatých úrovních, krok podle rozpětí cen
  • Data z denních snímků, noční synchronizace na klientský server
  • Vadný soubor nikdy nezahodí běžící data — graf buď sedí, nebo se nezobrazí
lockjipos.cz/mini-retezova-pila-8-cd008-bulltech/
Graf vývoje ceny v detailu produktu na Shoptetu — schodová čára, pásmo akce a nejnižší cena za 30 dnů
Denní snímky cenod 2026
gavelOmnibus §12a

06 · Nákupní proces

Košík, který se chová jako na Shopify.

Nativní okno „přidáno do košíku” Shoptet nestyluje, takže z vyladěného e-shopu najednou vypadne holý overlay. Nahradili jsme ho vlastním modálem se stavem košíku, pásem do dopravy zdarma a upsellem, který jde přidat bez zavření okna. Na mobilu je z toho spodní panel se zavřením swipem dolů.

  • Progress bar se dvěma milníky — dárek a doprava zdarma — počítaný z živých dat košíku
  • Fotky položek v rekapitulaci objednávky, které nativní souhrn nemá
  • Sleva ve sloupci součtu: přeškrtnutá běžná cena i procento
  • Nativní stepper se přesouvá, ne klonuje — jinak by přestal fungovat
lockjipos.cz/kosik/
Vlastní modál Přidáno do košíku na Shoptetu s pásem dopravy zdarma a upsell karuselem

07 · Doprava a termíny

Zákazník vidí den doručení u každého dopravce zvlášť.

Shoptet hmotnostní pásmo dopravy nikde nevydává, takže si ho šablona spočítá sama ze součtu hmotností v košíku a rovnou nakreslí škálu pásem s cenami. Zákazník tak dopředu vidí, kdy se mu vyplatí přidat ještě jednu položku. U každé metody svítí konkrétní den doručení, ne obecné „do dvou dnů”.

  • Pásma do 7 / 7–15 / 15–30 kg s cenou pro výdejní místo i adresu
  • Termín u každé podvolby — včetně sobotního doručení tam, kde ho dopravce zvládne
  • Nadrozměrné metody se skryjí, když pro daný košík nedávají smysl
  • Hlídání výdejního místa: bez výběru se otevře mapa, ne chyba na serveru
lockjipos.cz/objednavka/krok-2/
Krok dopravy v pokladně Shoptetu — termíny u jednotlivých dopravců a škála hmotnostních pásem
Metrik proti návrhu2 369
verified0 rozdílů

08 · Homepage a navigace

Carousely, mega menu a mobilní menu s vlastním hledáním.

Serverové HTML Shoptetu obsahuje jen holý seznam produktů — třídy, stránkování i šířky dodává jeho vlastní JavaScript až za běhu. Vlastní carousely proto musí počkat, až se DOM ustálí. Mega menu má ikonu u každé z 92 skupin katalogu a lišta kategorií sama skryje položky, které se na danou šířku nevejdou.

  • Hero carousel s autoplay jen na mobilu — končí první interakcí a respektuje reduced motion
  • Produktové řady jako carousel; mřížka jen tam, kde na ni existuje výpis
  • Mobilní menu s fulltextem nad stromem kategorií — „retez” najde Řetězové pily
  • Menu se otevírá rovnou v kategorii, ve které zákazník je
lockjipos.cz/
Homepage e-shopu na Shoptetu s vlastním hero carouselem, lištou kategorií a rozcestníkem

09 · Mobilní verze

Mobil dostane vlastní menu, hledání i košík.

Shoptet posílá na mobil jiné HTML než na desktop — bez postranního panelu, bez tlačítka filtru a bez spodní navigace. Šablona tam proto nestaví zmenšený desktop, ale vlastní ovládání na dosah palce: spodní lištu, menu kategorií s hledáním nad celým stromem katalogu, hledání přes celou obrazovku a košík jako panel, který se zavře tahem dolů. Každou stránku testujeme zvlášť s hlavičkou iPhonu, protože mobilní render Shoptetu je jiný než desktopový.

Mobilní menu kategorií s hledáním nad stromem katalogu, dotaz retez našel pět kategorií řetězových pil
Menu kategorií: „retez” najde všech pět kategorií řetězových pil
Fullscreen mobilní vyhledávání s výsledky rozdělenými na produkty, kategorie a značky
Hledání přes celou obrazovku: produkty, kategorie i značky na jeden dotaz
Mobilní filtr výpisu kategorie jako panel zprava s tlačítkem Zobrazit 25 produktů
Filtr jako panel zprava, dole „Zobrazit 25 produktů”
Košík jako spodní panel s pásem do dopravy zdarma a upsellem po přidání produktu
Košík jako spodní panel: pás do dopravy zdarma a upsell bez zavření
  • Spodní lišta Domů · Kategorie · Hledat · Účet · Košík s počtem položek — Shoptet ji nemá; na detailu ji střídá lišta „Do košíku”, v pokladně zmizí
  • Menu se otevírá v kategorii, kde zákazník právě je, a hledá nad všemi třemi úrovněmi katalogu bez dalšího dotazu na server
  • Prázdné hledání nabídne nejhledanější dotazy a kategorie; pole má 16 px písmo, aby iPhone stránku nepřiblížil
  • Výpis má nahoře přilepené pilulky „Filtrovat” s počítadlem a řazení — filtrování zůstává nativní, jen dostalo ovládání, které mobilní Shoptet nemá
  • Na kartě produktu dva parametry místo tří; galerie se ovládá gestem — pinch do 4×, dvojklik, tah dolů zavře
  • Košík i galerii zavře na Androidu tlačítko Zpět, místo aby zákazníka odvedlo ze stránky

Jak to probíhá

Od návrhu po nasazení, s možností vrátit se zpět.

Šablona se nasazuje jako jeden odkaz v administraci Shoptetu. To znamená, že se dá stejně rychle vypnout — návrat ke staré verzi je otázka půl minuty.

draw
Krok 1
Návrh

Vzhled a chování všech typů stránek.

code
Krok 2
Vývoj

Vlastní CSS a JavaScript nad Shoptetem.

architecture
Krok 3
Měření proti návrhu

Tisíce metrik, hotovo při nule rozdílů.

bug_report
Krok 4
Testy

Každá stránka na desktopu i mobilu.

rocket_launch
Krok 5
Nasazení

Automaticky, s návratem za 30 sekund.

Reference · Tři úrovně stejné práce

Od přepsaného vzhledu po vlastní infrastrukturu.

Každý z těch tří e-shopů řešil něco jiného. Podle toho se liší i rozsah — od přepisové vrstvy nad výchozí šablonou po vlastní vyhledávací službu na klientském serveru.

Nejdál postavená šablona, jakou na Shoptetu znám.

Nářadí, zahradní technika a autodoplňky, 6 108 produktů ve 441 kategoriích. Šablona má vlastní vyhledávací službu s indexem celého katalogu, graf vývoje ceny z denních snímků, termíny doručení počítané včetně svátků a kompletně přepsaný nákupní proces. K tomu datová práce v katalogu — filtrovací parametry z jednoho procenta pokrytí na registr 248 kódů.

76vlastních
JS modulů
6 108produktů
v katalogu
180 tis.roční úspora
za vyhledávání
jipos.cz — detail produktu ve vlastní Shoptet šabloně
Vlastní index 6 302
sync Přeindexace á 15 minut

BatteryShop.sk — konfigurátor nad cizím API.

Baterie a příslušenství pro notebooky a další zařízení na slovenském trhu. Data o kompatibilitě patří dodavateli, takže tady nešlo o vlastní databázi, ale o vlastní frontend nad jeho rozhraním: typ zařízení → značka → model → produkty, ve třech podobách podle toho, kde na e-shopu zákazník je. Součástí byla i přepsaná pokladna s bočním souhrnem.

3podoby
konfigurátoru
SKslovenský trh
vč. stavů objednávek
28nálezů z auditu
před spuštěním
BatteryShop.sk — konfigurátor kompatibility baterií ve vlastní Shoptet šabloně
settings_input_component Napojení na dodavatelské API

NeaPET — vlastní vzhled i bez Premium.

Kočičí toalety a příslušenství. Tarif Basic blank mode nemá, takže výchozí styly šablony zůstávají načtené a vlastní vzhled musí být přepisová vrstva nad nimi. Řeší to jedna třída navíc na kořeni dokumentu, pod kterou se píše všechno ostatní — bez lovu na !important. Když by JavaScript nedoběhl, zůstane funkční výchozí šablona.

Basictarif bez
blank mode
1440
2560
obě šířky ověřené
proti návrhu
22/22zelených kontrol
proti ostrému webu
neapet.cz — vlastní vzhled Shoptetu na tarifu Basic
Nasazeno 8/2026

Reference · Co říkají klienti

Nejlepší argumenty vám dají moji klienti.

Hodnocení chodí přímo na Google — bez editace, bez filtrů. Čtěte si to samé, co vidí každý, kdo si mě vygoogluje před první schůzkou.

5,0
★★★★★
16 recenzíprůměr 5,0 přímo na Googlu
Zobrazit všechny arrow_outward
★★★★★

FAQ · Časté otázky

Na co se ptají e-shopaři nejčastěji.

Potřebuju k šabloně na míru tarif Shoptet Premium?expand_more
Nemusíte, ale s Premium je práce čistší. Premium umí takzvaný blank mode — vypne výchozí styly šablony, takže vzhled stavíme od nuly a nepereme se s cizím CSS. Na tarifu Basic blank mode chybí, takže vlastní styly píšeme jako přepisovou vrstvu nad výchozí šablonou. Funguje to, jen je to pracnější a rozsah úprav je menší. Přesně takhle je postavený e-shop NeaPET.
Jak dlouho trvá vývoj šablony na míru pro Shoptet?expand_more
Podle rozsahu. Přepis vzhledu s vlastní homepage, výpisem, detailem produktu a nákupním procesem zabere zhruba tři až šest týdnů. Když k tomu přibude vlastní backend — vyhledávání nad vlastní databází, graf vývoje ceny, napojení na Shoptet API — je to práce na několik měsíců, protože kromě frontendu vzniká i serverová část a její provoz.
Přijdu úpravou šablony o funkce Shoptetu?expand_more
Ne. Šablona mění jen to, co vidí zákazník. Objednávky, sklad, fakturace, exporty i administrace zůstávají Shoptetu a fungují dál. Vlastní kód sedí nad tím, co Shoptet vykreslí na serveru — kde to jde, přebírá nativní prvky místo toho, aby je nahrazoval. Nákupní košík například pořád ovládá Shoptet, jen vypadá a chová se jinak.
Co se stane, když Shoptet změní své HTML?expand_more
Proto k šabloně patří testy. Každou stránku projíždí automatická kontrola ve dvou variantách — desktop a mobil se skutečnou hlavičkou prohlížeče, protože Shoptet posílá podle zařízení jiné HTML. K tomu jsou komponentní sondy na jednotlivé funkce a měření proti návrhu, které hlídá pozice a rozměry. Když Shoptet něco změní, pozná se to na testech, ne až na zákaznících.
Jde šablonu napojit na vlastní databázi, sklad nebo ERP?expand_more
Ano, přes Shoptet API a vlastní server. U e-shopu Jipos běží na klientském serveru vyhledávací služba s vlastním indexem katalogu, který se v noci přestavuje celý a mezitím se každých patnáct minut dohrávají změny. Ze stejné infrastruktury jde denní historie cen pro graf vývoje ceny. U e-shopu BatteryShop je to obráceně — data o kompatibilitě baterií patří dodavateli a my jsme nad jeho rozhraním postavili vlastní konfigurátor.
Umíte nahradit placené vyhledávání typu Luigi's Box?expand_more
Ano, u e-shopu Jipos jsme to udělali. Místo měsíčního poplatku 15 000 Kč tam běží vlastní vyhledávací služba na klientském serveru — zvládá překlepy, chybějící diakritiku i české skloňování, našeptává od druhého znaku a řadí podle skutečné tržby za posledních devadesát dnů. Kvalitu hlídá sada testovacích dotazů, ne dojem. Roční úspora vyšla na 180 000 Kč.
Umí Shoptet graf vývoje ceny a Omnibus?expand_more
Historii cen Shoptet nikde nedrží, takže ji nemá z čeho vykreslit. Na Jiposu proto ukládáme cenu každý den zvlášť a z těch záznamů se v detailu produktu kreslí graf se schodovou čárou, vyznačeným pásmem probíhající akce a nejnižší cenou za posledních třicet dnů. Přesně to, co po e-shopech chce směrnice Omnibus.
Kdo šablonu spravuje po nasazení?expand_more
Kód zůstává váš a je v gitu. Nasazení běží automaticky — po schválení změny se šablona nahraje na Shoptet sama, včetně nové verze souborů, aby zákazníkům nezůstala v paměti stará. Návrat ke staré verzi trvá půl minuty, protože stačí odebrat jeden odkaz v administraci. Drobné úpravy a rozšíření dělám průběžně, ale nejste na mě vázaní.
Můžu si nechat udělat jen část šablony?expand_more
Můžete a často to tak dává smysl. Nejčastěji se začíná detailem produktu a nákupním procesem, protože tam je vidět nejrychlejší efekt na tržbách. Homepage, výpis kategorie nebo vyhledávání se dají doplnit později. Každá část se nasazuje samostatně, takže e-shop mezitím normálně prodává.

Ceník · Šablona na míru a ostatní služby

Kolik stojí šablona na míru pro Shoptet?

Cena se odvíjí od rozsahu — jinak vyjde přepis vzhledu a jinak šablona s vlastním backendem. Konkrétní číslo dostanete po konzultaci, ve které projdeme, co váš e-shop skutečně potřebuje.

ČinnostTvorbaMěsíční správa
Šablona na míru pro Shoptet Cena této služby
Vlastní vzhled i funkce nad rámec platformy · rozsah dle dohody
od 50 000 Kč Dle rozsahu funkcí
Landing page, prezenční web nebo mikrosite s SEO a GEO optimalizací
od 25 000 Kč
Import produktů do Shoptetu
Úprava zdrojového feedu a napojení na Shoptet
6 000 Kč
UX analýza Shoptetu
Tipy na zlepšení výkonu e-shopu z hlediska UX a marketingu
4 500 Kč
Napojení Shoptet a Pohoda
Náročnost se liší dle komplexnosti napojení. Využívám můstek Pohoda by Dominik Prajzler.
7 500 Kč
Shoptet měření na míru skrze GTM včetně e-commerce eventů
7 500 Kč
Napojení Shoptet · GA4 · Google Ads · Sklik · Meta Ads · Heureka · GSC
4 500 Kč 2 500 Kč

Ceny jsou uvedeny bez DPH. Finální cenu určuji individuálně po konzultaci.

Kontakt · Domluvme si schůzku

Napište mi. Odpovídám obvykle do 24 hodin.

Sídlím na Mírovém náměstí v Litoměřicích — rohová budova Raiffeisenbank, 2. patro, kancelář č. 318. Úvodní konzultace je vždy zdarma a nezávazná.

Mírové náměstí, Litoměřice Khoder.cz
Mírové náměstí · Litoměřice
location_on
Adresa
Mírové náměstí 9/1
Litoměřice
call
mail
badge
IČO
17054788

Poptávka konzultace

Úvodní konzultace je vždy zdarma.

Odesláním souhlasíte se zpracováním osobních údajů.

Související

Pokračujte dál

Navazující služby a průvodci. Kompletní přehled najdete v rozcestníku služeb a průvodců.

web

Tvorba webových stránek

Landing pages, prezenční weby a mikrosite mimo Shoptet.

monitoring

Webová analytika

GTM, GA4 a Consent Mode v2 — aby nová šablona i měřila.

smart_toy

Reklama v ChatGPT

Produktové kampaně v ChatGPT pro české e-shopy.

analytics

Reporting pro e-shopy

Čistý zisk po všech nákladech, kampaně i sklad v jednom reportu.

shopping_cart

Google Nákupy

Segmentace produktových kampaní podle skutečného výkonu.

percent

Konverzní poměr

Proč ho číst po kanálech a po marži, ne jako jedno číslo.

Začneme

Ukažte mi svůj Shoptet.

Projdeme spolu, co váš e-shop dnes neumí a co by mu nejvíc pomohlo. Úvodní konzultace je zdarma a nezávazná.