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)

  1. 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.xml zůstává beze změny.
  2. Organizaci zapni doplněk kabinky (pro interní test přes SubscriptionFeatureOverride nebo TRYON_CUSTOM). Živý režim je na serveru vypnutý (TryOn:LiveEnabled), dokud neprojde ověření poskytovatelů. Do té doby testuj jen foto.
  3. Vytvoř widget typu Kabinka. Do povolených domén dej eshop.lab.chattie.cz, pro lokální test i eshop.localhost.
  4. Public key widgetu zapiš do src/sites/eshop/config.ts (tryOn.publicKey), nebo ho nastav v NEXT_PUBLIC_TRYON_PUBLIC_KEY.
  5. 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čítkoDruhOč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

AnotopTlačí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

AnoouterwearTlačí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

AnoouterwearTlačí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

AnobottomTlačí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

AnodressTlačí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

AnotopTlačí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

AnoaccessoryTlačí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

AnoaccessoryTlačí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

AnoaccessoryTlačí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čítkoDruhOč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

AnodressPlovoucí 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čítkoDruhOč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

Nenot_wearableBez 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

NetopBez 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

NetopBez 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)