Riyadh, Jeddah & Khobar Abaya Playbook: Zero-Photo AI Try-On, Arabic RTL, WhatsApp Story Cards

Zero-Photo Storage as the Saudi Market Entry Requirement

KSA abaya and kaftan shoppers increasingly expect AI try-on but will abandon flows that upload selfies to foreign CDNs. Style Swap AI defaults to privacyZeroPhotoStorage: true, stripping EXIF and compressing client-side to maxDim 1400px before TLS 1.3 volatile RAM inference — no shopper selfie is ever written to merchant database, Shopify Admin or logs. Because no image is persisted, there is no biometric-style photo store to document in your Saudi PDPL records of processing, host in-Kingdom or justify for cross-border transfer. This satisfies Saudi PDPL, UAE PDPL, GDPR and luxury-house data minimisation audits while still delivering Seedream 5.0 Pro 2K renders.

• Configure the app block or headless SDK with privacyZeroPhotoStorage: true and restrict uploads to JPEG/WebP; the client-side canvas caps the longest edge at 1400px and strips GPS, device and timestamp EXIF before any byte leaves the shopper's phone.
• Use the built-in modest studio model presets for zero-selfie evaluation on abaya PDPs — shoppers assess drape, sleeve length and hijab coverage on models validated against GCC catalogs such as Astra Loungewear UAE (astraloungewear.ae) and Bouguessa-inspired minimalist silhouettes, without uploading personal photos.
• For Zid-to-Shopify migrations, retain existing product data and add custom.pair_with metafields; because Style Swap AI never requires shopper identity or persistent photos, your Saudi PDPL data-protection impact assessment and payment-provider privacy reviews have no selfie database to audit.
• Gate Best / Studio Mode 2K renders behind logged-in VIP or loyalty segments during Ramadan peak traffic; keep Quick Mode 1K (~8-10s) as the default so mobile shoppers receive a render before losing patience.
• Before installing, paste any live abaya PDP URL into the zero-install sandbox at https://seed-try-on.fly.dev/demo — a try-on render returns in ~8-12 seconds, so you can validate black-on-black drape and hijab matte lock on your own catalog first.

Arabic RTL Floating Pill, Zero-CLS App Blocks and Zid-to-Shopify Architecture

Deploy Style Swap AI as a Shopify Online Store 2.0 Theme App Extension: an App Block for PDPs plus a Floating Pill that injects zero cumulative layout shift. The UI natively renders dir='rtl' Arabic strings, product names and CTAs. For Zid-to-Shopify migrations or headless Hydrogen/Next.js storefronts, the signed Shopify App Proxy at /apps/try-on/* emits custom DOM events — seed-try-on:open, seed-try-on:add-to-cart, seed-try-on:complete-look-add — so existing Saudi storefronts can integrate without iframe hacks.

• Install the app block on product.liquid or JSON templates; the floating pill inherits theme typography and color tokens while forcing dir='rtl' for Arabic storefronts.
• For headless Hydrogen/Next.js, configure the signed App Proxy endpoint /apps/try-on/* and listen for seed-try-on:complete-look-add to trigger multi-SKU /cart/add.js with the bundle payload.
• On Zid-to-Shopify migrations, map Zid product attributes to Shopify metafields: custom.pair_with for abaya/jalabiya layering, custom.modest_model_preset and custom.fabric_weight to improve Seedream drape accuracy.
• Use the floating pill on collection and home pages to open Quick Mode without leaving the PDP; track opens via seed-try-on:open for funnel analysis.
• Pair the Arabic RTL build with Shopify Markets configured for Saudi Arabia — SAR presentment currency and Arabic language routing — so try-on CTAs, shared story-card links and Klaviyo flows all resolve to the same localized /ar-sa experience.

// Headless Hydrogen/Next.js: listen for try-on bundle events
window.addEventListener('seed-try-on:complete-look-add', (e) => {
  const { items } = e.detail; // [{ id: 123456789, quantity: 1 }, ...]
  fetch('/cart/add.js', { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({ items }) });
});

3-Piece Layered Abaya, Jalabiya and Ramadan Capsule Bundling

Saudi modest fashion is inherently layered: inner dress or top, abaya or jalabiya, and outerwear or shayla. Style Swap AI's Complete the Look renders up to three garments in one Seedream 5.0 Pro pass using custom.pair_with metafields, DOM cross-sell detection, or Shopify Product Recommendations API. Shoppers can then add the entire layered outfit to cart with one multi-SKU /cart/add.js call, increasing AOV during Ramadan evening drops and Eid capsule launches.

• Define custom.pair_with on each abaya product as a list.product_reference metafield pointing at compatible underdresses, jalabiyas, kaftans or shaylas; Style Swap AI reads these metafields server-side to preload layer candidates for the 3-garment render.
• Fall back to the Shopify Product Recommendations API when metafields are absent; filter by product type (abaya, kaftan, jalabiya, hijab) so auto-suggested layers stay modest and contextual.
• Merchandise against the KSA retail calendar — Ramadan iftar and suhoor drops, Eid al-Fitr and Eid al-Adha capsules, Founding Day (22 February) and Saudi National Day (23 September) edits — and pre-set Evening Lounge or Desert Resort atmosphere remixes so layered looks render in contextually relevant light.
• Track seed-try-on:complete-look-add events to measure bundle attachment rate by collection; pair with the Klaviyo 'Tried On Product' event to trigger abandoned-bundle flows featuring the exact 3-piece look the shopper rendered.

// Metafield custom.pair_with (type: list.product_reference) on each abaya PDP
// References the inner dress + shayla to layer in one Seedream 5.0 Pro pass
[
  "gid://shopify/Product/812345678901",
  "gid://shopify/Product/812345678902"
]

9:16 WhatsApp Story Cards and Closed-Loop Klaviyo Revenue Attribution

Saudi shoppers share abaya and kaftan looks on WhatsApp and Instagram Stories before purchase, often in family or friends group chats. Style Swap AI's native HTML5 canvas compositor renders 1080x1920 story cards with the try-on result, product name and merchant logo, then triggers the Web Share API for 1-tap sharing. Simultaneously, the server-side Klaviyo 'Tried On Product' event plus Shopify orders/paid webhook closes the attribution loop from story share to revenue and AOV.

• Enable the Story Card compositor on the post-try-on screen; it renders client-side on the shopper's device without third-party image CDNs, so the WhatsApp share loop stays inside your zero-photo storage posture.
• Add UTM parameters to shared story links (e.g., ?utm_source=whatsapp_story&utm_medium=tryon_share) so returning sessions are attributable in Shopify analytics.
• Map the Klaviyo 'Tried On Product' event with product ID, variant ID, mode (quick/best) and atmosphere preset; ingest the Shopify orders/paid webhook to compute try-on-influenced revenue and AOV in SAR per campaign.
• For Unlimited Fashion Plan merchants, enable Priority 2K Image Gen on story cards during Ramadan peak hours (20:00-02:00 KSA) to maximize share quality without queueing.