Virtuální kabinka — testovací přehled
Scénáře pro ruční test doplňku kabinky (chattie-tryon.js) nad módním feedem labu.
Skript kabinky je na stránkách vložený
- Public key
- 764ada9a8ffd41678b37cb7655609f4d
- Skript
- https://stage.chattie.cz/widget/chattie-tryon.js
- API
- https://api.stage.chattie.cz
- Feed
- https://eshop.lab.chattie.cz/feed-moda.xml
Příprava (jednou)
- V adminu (staging) v projektu e-shopu přidej zdroj znalostí typu feed (Google Shopping):
https://eshop.lab.chattie.cz/feed-moda.xml. Elektronický feed/feed.xmlzůstává beze změny. - Organizaci zapni doplněk kabinky (pro interní test přes
SubscriptionFeatureOverridenebo TRYON_CUSTOM). Živý režim je na serveru vypnutý (TryOn:LiveEnabled), dokud neprojde ověření poskytovatelů. Do té doby testuj jen foto. - Vytvoř widget typu Kabinka. Do povolených domén dej
eshop.lab.chattie.cz, pro lokální test ieshop.localhost. - Public key widgetu zapiš do
src/sites/eshop/config.ts(tryOn.publicKey), nebo ho nastav vNEXT_PUBLIC_TRYON_PUBLIC_KEY. - Počkej na automatickou přípravu produktů (admin → Kabinka → Produkty) a porovnej zařazení se sloupcem „Druh“ níže.
Módní stránky mají canonical na https://eshop.lab.chattie.cz, takže shoda přes URL funguje i lokálně na eshop.localhost.
1. Druhy oblečení a fotek
Tlačítko se má ukázat. U každého vyzkoušej foto režim a (pokud je zapnutý) živý režim. Sleduj, jestli příprava zařadila druh správně a jestli výsledek sedí.
| Scénář | Tlačítko | Druh | Očekávaný výsledek | |
|---|---|---|---|---|
| Tričko — packshot na ramínku Základní případ: horní díl, jedna čistá fotka, explicitní div s data-product. MOD-001 · div + data-product · JSON-LD | Ano | top | Tlačítko pod cenou. Foto i živý režim obléknou tričko. | |
| Bunda — dvě fotky (ramínko + na modelu) Svrchní vrstva. Feed nese 2 obrázky. V adminu zkontroluj, kterou fotku příprava vybrala, a zkus ji přepnout. MOD-002 · auto (u košíku) · JSON-LD | Ano | outerwear | Tlačítko za „Přidat do košíku“. Vybraná fotka by měla být ta z ramínka. | |
| Kabát — fotka na modelce, bez JSON-LD Fotka oblečení na člověku (ne packshot). Stránka nemá strukturovaná data, produkt se pozná jen z URL / canonical. MOD-003 · div bez data-product · bez JSON-LD | Ano | outerwear | Tlačítko v divu. Výsledek: kabát přenesený z modelky na zákazníka. | |
| Džíny — spodní díl, dvě fotky Spodní díl. V živém režimu je potřeba být v záběru celý (kamera na nohy). MOD-004 · auto (u košíku) · JSON-LD | Ano | bottom | Tlačítko za „Přidat do košíku“, džíny místo vlastních kalhot. | |
| Šaty Bianca — krajka, celá postava Šaty (celotělový kus) s jemným vzorem krajky. MOD-005 · div + data-product · JSON-LD | Ano | dress | Tlačítko pod cenou. Šaty nahradí horní i spodní díl. | |
| Mikina — na fotce i džíny Na fotce jsou dva kusy (mikina + džíny). Příprava musí vzít jen mikinu. MOD-007 · auto (u košíku) · JSON-LD | Ano | top | Tlačítko se ukáže. Na výsledku má být jen mikina, ne i džíny. Pokud ne, zapiš to. | |
| Brýle — doplněk na obličej Doplněk (FASHN tryon-max). Živý režim: obličej v záběru. MOD-008 · auto (u košíku) · JSON-LD | Ano | accessory | Tlačítko se ukáže, brýle na obličeji. | |
| Kšiltovka — packshot + na modelce Doplněk na hlavu, dvě fotky. MOD-009 · auto (u košíku) · JSON-LD | Ano | accessory | Tlačítko se ukáže, kšiltovka na hlavě. | |
| Brašna — doplněk nesený v ruce / přes rameno Kabelka: ověřit, jestli ji model umístí přirozeně. MOD-010 · auto (u košíku) · JSON-LD | Ano | accessory | Tlačítko se ukáže, brašna přes rameno nebo v ruce. | |
| Tenisky — obuv (hraniční případ) Obuv nemá vlastní druh. Zjistit, jak ji příprava zařadí (doplněk, nebo nenositelné). MOD-011 · auto (u košíku) · JSON-LD | Zjistit | ? | Nevíme. Zapiš, co příprava udělala a jestli výsledek dává smysl. |
2. Umístění tlačítka
Kam skript tlačítko vloží. Div a automatické umístění pokrývají stránky v sekci 1. Tady je plovoucí tlačítko.
| Scénář | Tlačítko | Druh | Očekávaný výsledek | |
|---|---|---|---|---|
| Šaty Margot — bez tlačítka košíku Stránka nemá div ani „Přidat do košíku“ (jen rezervace v prodejně), skript nemá kotvu. MOD-006 · žádná kotva · JSON-LD | Ano | dress | Plovoucí tlačítko v rohu obrazovky. | |
| SPA přechod na Tričko Basic Odkaz přes Next.js (bez načtení stránky). Známé omezení R24 u headless shopů. SPA přechod | Zjistit | — | Tlačítko může chybět. Nikdy se ale nesmí ukázat pro jiný produkt. Po F5 se musí ukázat. |
3. Kdy se tlačítko NESMÍ ukázat
Hlavní anti-cíl: tlačítko u špatného produktu. Na těchto stránkách tlačítko být nesmí. Když se ukáže, je to chyba.
| Scénář | Tlačítko | Druh | Očekávaný výsledek | |
|---|---|---|---|---|
| Parfém — nenositelné zboží v módní kategorii Příprava má produkt označit jako nenositelný. MOD-012 · auto (u košíku) · JSON-LD | Ne | not_wearable | Bez tlačítka. V adminu stav „nenositelné“. | |
| Svetr — jediná fotka je detail látky Na fotce není celý kus oblečení, jen textura. MOD-013 · auto (u košíku) · JSON-LD | Ne | top | Bez tlačítka. V adminu „nevhodná fotka“. | |
| Košile — fotka celého regálu Na fotce je regál s mnoha kusy, nejde poznat, který je ten produkt. MOD-014 · auto (u košíku) · JSON-LD | Ne | top | Bez tlačítka. V adminu „nevhodná fotka“. | |
| Ponožky — položka feedu bez obrázku Feed nemá image_link. Bez fotky není co obléct. MOD-015 · auto (u košíku) · JSON-LD | Ne | — | Bez tlačítka. | |
| Set — dva produkty feedu na jedné URL Dvě položky feedu mají stejný odkaz, server nepozná, který produkt to je. MOD-016, MOD-017 · auto (u košíku) · bez JSON-LD | Ne | — | Bez tlačítka (ambiguous). Raději nic než špatný produkt. | |
| Akční stránka — ID sedí, název ne URL není ve feedu, JSON-LD má productID MOD-009, ale jiný název. Slabá stopa bez shody názvu. MOD-009 · auto (u košíku) · JSON-LD | Ne | — | Bez tlačítka (not_found). | |
| Šátek — stránka produktu, který ve feedu není Stránka vypadá jako produkt (fotka, JSON-LD, košík), ale feed o něm neví. MOD-018 · auto (u košíku) · JSON-LD | Ne | — | Bez tlačítka (not_found). | |
| Výpis kategorie Móda Výpis s mnoha produkty, žádný konkrétní produkt. Výpis kategorie | Ne | — | Bez tlačítka. | |
| Elektronika — Samsung Galaxy S24 Produktová stránka s „Přidat do košíku“, ale zboží není v módním feedu. Elektronika | Ne | — | Bez tlačítka. |
Co u každého vyzkoušení sledovat
- Souhlas se zobrazí před každým spuštěním (foto i živě).
- Foto: výsledek do ~30 s, chybové hlášky česky (špatná póza, moderace, vyčerpaný limit).
- Živě: sezení skončí po 10 s, „Zkusit znovu“ funguje.
- „Přidat do košíku“ v panelu kabinky se započítá do statistik.
- Na mobilu: tlačítko i panel jsou použitelné, kamera se dá přepnout.
Zdroje fotek (Unsplash)
- Bílé tričko na ramínku
- Džínová bunda na ramínku
- Muž v džínové bundě
- Žena v kabátu camel před cihlovou zdí
- Džíny na bílém pozadí
- Džíny ze zadní strany
- Krajkové šaty na ramínku
- Bílé šaty na ramínku
- Bílá mikina a světlé džíny na šňůře
- Sluneční brýle na bílém pozadí
- Bílá kšiltovka na šedém pozadí
- Žena v bílé kšiltovce
- Šedá kožená brašna
- Bílo-oranžová tenisky
- Flakon parfému
- Detail vlněné textury
- Regál s mnoha kusy oblečení
- Busta s barevným šátkem