Vývoj custom product editoru (konfigurátoru) pro Shoptet e-shop

1. Kontext a cíl

Provozujeme e-shop partypotisk.cz na platformě Shoptet Premium, zaměřený na potisk vlastních motivů na textil a další zboží. Aktuálně používáme „Designér produktu“ (doplněk třetí strany) – nejde o nativní Shoptet funkci a má výrazně omezené možnosti (jednoduché vkládání textu/obrázku, chybí pokročilejší nástroje).

Cílem poptávky je vývoj/implementace pokročilejšího product editoru, který zákazníkům umožní nakonfigurovat si vlastní potisk přímo na produktové stránce, včetně živého náhledu, výběru barvy/velikosti/množství a automatického generování tiskových podkladů pro výrobu.

Jako inspirace nám slouží konkurenční řešení podobného typu – online konfigurátor s postranním panelem nástrojů (vložení textu, nahrání obrázku, AI generování, emotikony/klipart, hromadné/týmové objednávky, QR kód) a pravým panelem pro výběr velikosti, počtu kusů u každé velikosti a přepočet ceny podle množství. Screenshot bohužel nelze k poptávce přiložit, popis funkcí je proto rozepsaný níže. Neočekáváme kopii, ale podobnou úroveň funkčnosti a UX.

2. Rozsah produktů

Editor má pokrývat celý sortiment potisku – tedy nejen textil (trička, mikiny, čepice), ale i další nositelné/potiskovatelné položky (tašky, hrnky apod.). Potřebujeme tedy řešení, které je produktově agnostické – nové produkty/varianty (barva, velikost) se dají snadno přidávat bez zásahu do kódu editoru, ideálně napojením na produktová data v Shoptetu (varianty, skladové zásoby, ceny).

3. Funkční požadavky (must-have)

3.1 Vlastní text
Vložení textového pole na plochu produktu (výběr fontu, velikosti, barvy, zarovnání, rotace)

Podpora diakritiky (čeština)

Možnost více textových polí najednou

3.2 Nahrání vlastního obrázku
Upload obrázku zákazníkem (JPG/PNG/SVG, kontrola min. rozlišení pro kvalitní tisk – upozornění při nízkém DPI)

Základní úpravy: posun, změna velikosti, rotace, oříznutí

Kontrola, že motiv nepřesahuje tiskovou plochu / bezpečnostní zónu

3.3 Hromadné objednávky (týmy / jména a čísla)
Nástroj pro zadání seznamu jmen a čísel (např. import z Excelu/CSV nebo ruční zadání po řádcích)

Automatické vygenerování samostatné položky/varianty pro každé jméno+číslo se zachováním zvoleného designu (stejný motiv, jen měnící se text)
Přehled/kontrola před odesláním do košíku (kolik kusů, jaké velikosti u koho)

3.4 Live náhled a výběr produktu
Reálný live náhled potisku na zvoleném produktu/barvě
Výběr barvy produktu, velikosti a počtu kusů na jedné obrazovce (matice velikost × počet kusů)

Automatický přepočet ceny podle množství (množstevní slevy) a zvolených úprav (cena za grafickou úpravu, cena tisku dle plochy/počtu barev apod. – upřesníme v rámci implementace)

3.5 Výstup pro výrobu
Po dokončení objednávky potřebujeme automatický export tiskových podkladů – vektorový/tiskový soubor (SVG nebo PDF) v reálném měřítku, s ořezovými/registračními značkami a bezpečnostní zónou

Soubor musí být navázaný na konkrétní objednávku/položku (aby ho výroba mohla párovat s objednávkou v Shoptet administraci)

Preferujeme, aby se soubor automaticky ukládal/generoval k objednávce (např. jako příloha v administraci Shoptetu nebo v propojeném úložišti), bez potřeby ho generovat ručně

4. Technické požadavky a integrace
Řešení musí fungovat jako doplněk/nadstavba nad Shoptet e-shopem – ideálně formou vlastní aplikace/widgetu vloženého do produktové stránky, případně jako samostatná stránka s předáním dat zpět do košíku

Aktuální šablona e-shopu je Apollo – řešení musí respektovat její strukturu/CSS a nesmí ji rozbít při aktualizacích šablony

Napojení na Shoptet API (produkty, varianty, ceny, sklad, košík/objednávky) – potřebujeme probrat, jestli půjde přes oficiální Shoptet API/Doplňky, nebo přes vlastní eshop-app řešení

Uložená konfigurace designu (text, obrázek, umístění) musí být svázaná s konkrétní položkou v košíku a viditelná v administraci objednávky (pro výrobu i zákaznický servis)

Responzivní design – funkční i na mobilu (i když primární use-case čekáme na desktopu

Nahrané obrázky – potřeba řešit úložiště a GDPR (doba uchování, mazání dat)

5. Nice-to-have (můžeme řešit v další fázi)
AI generování motivu (textový prompt → vygenerování grafiky, kterou lze rovnou umístit na produkt, s možností vygenerovat víc variant)

Knihovna klipartů/šablon a emotikonů k výběru

Generování QR kódu jako grafického prvku

Sdílení/uložení rozpracovaného designu (odkaz, který si zákazník uloží a vrátí se k němu)

Nezávazná poptávka na míru (kontaktní formulář z konfigurátoru) pro netypické zakázky/velké objednávky

6. Co od vás jako od dodavatele potřebujeme
Zda je popsané řešení realizovatelné v rámci Shoptet platformy (doplněk vs. externí aplikace) a jaké jsou technické limity

Orientační časový odhad realizace (fáze: MVP – text/obrázek/velikosti, dále hromadné objednávky a tiskový export, dále nice-to-have funkce)

Cenovou nabídku – ideálně rozdělenou po jednotlivých funkčních blocích (bod 3.1–3.5 a případně 5), abychom mohli některé části vypustit nebo odložit

Návrh technologie/architektury (např. Fabric.js/Konva.js na frontendu, způsob generování tiskových PDF/SVG na backendu)

Reference na podobně řešené projekty, pokud existují