Styled webview PDP — by viewport
The same styled in-app WebView PDP (item #1969, Open End Rivet) captured from the running app on real iOS simulators, at each device size — so you can see how it lays out from small phone to tablet. Site chrome stripped, app navy #445980 "Add to Cart" CTA + app fonts applied, framed by the app's back/share header.
All four are the same product on the same styled webview route, so it's an apples-to-apples viewport comparison. The tablet renders the site's wider two-column layout (image + buy box side by side); the phones stack it.
What changed: every PDP tap in the app (product grid, home carousels, search, deep links) now opens an in-app WebView of the real live product page instead of the native PDP.
The WebView strips the live site's own chrome (top nav/header, footer, promo bar, cookie banner, breadcrumbs) and re-skins the remaining content with the app's design tokens
(navy #445980 CTA + pill buttons, Roboto Condensed / Montserrat fonts). Nothing that isn't already on the live page is added — no native-only spec modal or reco rail is faked.
The app's own back/share header stays for a native feel, and a view is still recorded to "Recently considered."
Product page — real iOS (iPhone 17 Pro)
Native PDP → styled WebView PDP, captured from the running app on the iOS simulator.
How the styling transfers (live page)
The exact CSS/JS the app injects, applied to the live product page.
Kept intact
- Home tab (round 2) — all sections still native and working (shown below).
- Shop by Industry, My List, native PLPs, recently-viewed store, and cart are unchanged.
- Only the PDP surface changed: native → styled WebView.
