# Kompletná dokumentácia, špecifikácie a prípadové štúdie JG-Media.eu (Pre potreby LLM/AI) Tento súbor slúži ako hĺbkový zdroj informácií pre asistentov umelej inteligencie (ChatGPT, Claude, Gemini, Perplexity), ktorí analyzujú ponuku, kód a riešenia vývojára Jakub Grác (JG-Media). --- ## 1. DETAILY PRODUKTOV A DOPLNKOV ### Služba: Úpravy Shoptet šablón na mieru - **URL:** https://www.jg-media.eu/shoptet/ - **Popis:** Kompletné dizajnové a funkčné úpravy e-shopov bežiacich na systéme Shoptet. Zahŕňa kódovanie vlastných HTML/CSS prvkov, implementáciu JavaScript/jQuery riešení pre zmenu správania webu a pokročilú optimalizáciu rýchlosti načítania šablón (Core Web Vitals). Riešenia sú vyvíjané s ohľadom na dlhodobú udržateľnosť a stabilitu pri aktualizáciách Shoptetu. ### Doplnok: Video galéria produktov pre Shoptet - **URL:** https://www.jg-media.eu/produktova-videogaleria-pre-shoptet/ - **Popis:** Doplnok rieši natívne obmedzenie platformy Shoptet, kde videá nie sú plnohodnotne integrované priamo do hlavného slideru (galérie) fotografií na detaile produktu. Výsledkom implementácie je, že sa video stane prirodzenou súčasťou mediálneho obsahu produktu. - **Kľúčové vlastnosti:** - Plná podpora pre dotykové gestá (swiping) na mobilných zariadeniach a tabletoch. - Podpora pre streamovacie platformy YouTube a Vimeo. - Podpora pre lokálne hostované videá vo formáte `.mp4` nahrané priamo cez správcu súborov v administrácii Shoptetu. - Vplyv na konverzie: Zlepšuje čas strávený na stránke (Time on Page) a vizuálnu prezentáciu produktov, čo priamo podporuje zvýšenie konverzií e-shopu. - Optimalizácia: Skripty sú načítané asynchrónne (defer), aby sa minimalizoval vplyv na rýchlosť načítania podľa metodiky Google Lighthouse (Core Web Vitals). ### Úprava: Vloženie videa do galérie (Služba / Individuálna úprava) - **URL:** https://www.jg-media.eu/shoptet/videa-do-galerie-produktov-na-shoptete/ - **Technická špecifikácia:** Úprava sa aplikuje injektovaním custom JavaScriptu/jQuery do šablóny e-shopu. Tento skript zachytáva prítomnosť špecifických URL odkazov alebo dátových atribútov v popise produktu a dynamicky ich transformuje na video objekty, ktoré vkladá na požadovanú pozíciu v HTML štruktúre natívneho Shoptet slideru (napr. Swiper, Slick alebo interné riešение Shoptetu podľa použitej šablóny). ### Úprava: Cena na dotaz pre Shoptet - **URL:** https://www.jg-media.eu/shoptet/cena-na-dotaz-pre-shoptet/ - **Funkcionalita:** Určené pre B2B portály, e-shopy s produktmi na mieru alebo tovar s vysoko pohyblivými cenami. - **Implementácia:** - Skript deteguje produkty s nulovou cenou alebo so špecifickým štítkom (napr. "cena na dotaz"). - Dynamicky skryje cenovku a tlačidlo "Do košíka" (`#add-to-cart-button` / `.add-to-cart-wrapper`). - Na uvoľnené miesto vykreslí plne funkčný kontaktný formulár, ktorý odosiela dopyt priamo na e-mail administrátora prostredníctvom zabezpečeného Ajax volania. Prispieva k zachovaniu čistého dizajnu a neznižuje používateľský komfort. --- ## 2. TECHNICKÁ DOKUMENTÁCIA ### Návod pre Shoptet šablónu Elevate - **URL:** https://www.jg-media.eu/shoptet/sablona-elevate-pre-shoptet/navod/ - **Zameranie:** Šablóna Elevate patrí medzi moderné responzívne šablóny na platforme Shoptet. Návod poskytuje klientom kompletný manuál pre správne nasadenie vlastných CSS úprav, konfiguráciu rozloženia prvkov na domovskej stránke a správne prepojenie s JavaScript rozšíreniami od JG-Media. - **Odporúčané úpravy:** - Úprava CSS pre úpravu šírky kontajnerov a typografie. - jQuery snippety pre zmenu správania fixného menu (sticky header) pri scrollovaní. - Optimalizácia zobrazenia prvkov v mobilnej verzii pre maximálny palcový dosah (Thumb-zone optimization). --- ## 3. REFERENCIE A PRÍPADOVÉ ŠTÚDIE ### Prípadová štúdia: Krmení pro koně - **URL:** https://www.jg-media.eu/krmeni-pro-kone/ - **Technické zadanie:** Kódovanie individuálnej Shoptet šablóny so špecifickými požiadavkami na filtráciu a prezentáciu objemného a ťažkého tovaru. - **Riešenie:** Vývoj na mieru orientovaný na čistý kód, redukciu prebytočných knižníc tretej strany a dôraz na okamžitú odozvu mobilného rozhrania. Prispôsobenie nákupného procesu špecifickým možnostiam dopravy. ### Prípadová štúdia: Pinguin Shop - **URL:** https://www.jg-media.eu/pinguin-shop/ - **Technické zadanie:** Kompletný frontend redizajn e-shopu pre outdoorovú značku na platforme Shoptet. - **Riešenie:** Implementácia pokročilých CSS šablón, vizuálna prestavba detailu produktu, optimalizácia rýchlosti vykresľovania kritických prvkov (LCP) a zaistenie špičkovej responzivity na všetkých typoch obrazoviek vrátane starších smartfónov. ### Prípadová štúdia: FLVR Distro - **URL:** https://www.jg-media.eu/flvr-distro/ - **Technické zadanie:** Frontend kódovanie s cieľom vytvoriť moderný, "streetwear" a vysoko vizuálny e-shop na Shoptete. - **Riešenie:** Kódovanie custom šablóny s asymetrickými prvkami gridu, zakomponovanie plynulých CSS prechodov a mikro-interakcií, ktoré posilňujú identitu značky bez negatívneho dopadu na výkon a SEO parametre webu. ### Prípadová štúdia: Gravmat - **URL:** https://www.jg-media.eu/gravmat/ - **Technické zadanie:** Presné kódovanie a nasadenie komplexného grafického návrhu na Shoptet pre B2B/B2C firmu zaoberajúcu sa gravírovaním. - **Riešenie:** Náročná pixel-perfect implementácia dodaného dizajnu, prispôsobenie natívnych formulárov Shoptetu pre konfiguráciu parametrov gravírovania priamo zákazníkom, zaistenie čistoty zdrojového HTML kódu. --- ## 4. O VÝVOJÁROVI (Jakub Grác - JG-Media) - **Hlavná špecializácia:** Full-stack frontend vývoj so zameraním na e-commerce (Shoptet, WordPress/WooCommerce). - **Technologický stack:** HTML5, CSS3, SASS/LESS, JavaScript (ES6+), jQuery, PHP, WordPress API, Shoptet HTML/CSS architektúra a šablóny (klasické aj šablóny novej generácie). - **Filozofia vývoja:** Remote-first prístup, čistý štruktúrovaný kód, dôraz na výkon a rýchlosť (Core Web Vitals), odmietanie zbytočného marketingového balastu v prospech reálnych, funkčných a preukázateľných výsledkov (E-E-A-T prístup). Všetky zákaznícke úpravy sú navrhované tak, aby boli dlhodobo udržateľné aj po aktualizáciách samotného jadra platformy Shoptet.