Use the color swatches inside the viewer to switch between colorways
Step 02 — Variants

VNTANA Full-Zip Jacket

Performance technical jacket in three colorways

$189.00

Color Blue

Click a color to swap — each loads a full 3D model.


Engineered for movement. The VNTANA Full-Zip is built from recycled performance fabric with a 4-way stretch that moves with you. Rotate it in 3D or try AR to see how it fits before you buy.

  • Recycled 94% polyester / 6% elastane shell
  • 4-way stretch with moisture-wicking lining
  • YKK water-resistant front zip
  • Available in Blue, White, and Black

3 colors, one embed

Each colorway is a complete 3D model swap managed in the VNTANA platform. AR works for every variant — no extra code.


Embed — all 3 colorways, one URL
<iframe
  src="https://embed.vntana.com/v2/variant
    ?uuid=080a7f32-c744-4cc9-8fb3-a0fa7755c69d
    &clientSlug=example-files
    &organizationSlug=DCicero"
  allow="xr-spatial-tracking"
  allowfullscreen
></iframe>

How variant groups work

The viewer on the left is a single <iframe>. VNTANA handles the 3D model swap, color switching, and AR for every colorway automatically — nothing changes in your code when you add or remove a color.

Variant Group UUID

Two ways to embed

Point to the Variant Group UUID and VNTANA shows all colors with its built-in switcher. Or point to an individual product UUID to load a specific colorway — which is how the swatches above work, swapping the iframe src on click.

// Group embed — VNTANA handles the switcher: embed.vntana.com/v2/variant?uuid={groupUuid} // Per-color — your UI controls the swap: embed.vntana.com?productUuid={blueUuid} embed.vntana.com?productUuid={whiteUuid}
/v2/variant

Full 3D model swap

Each colorway is a separately optimized GLB — not a texture swap. Switching from Blue to Black loads a completely different model, including any colorway-specific geometry or materials.

embed.vntana.com/v2/variant?uuid={groupUuid}&clientSlug=...
Platform managed

Add colors without touching code

Add a new product to the Variant Group in the VNTANA platform and the embed picks it up instantly — no code changes, no redeployment. Remove a color the same way.

// No code change needed — update in the platform, done.
AR built in

AR works for every variant

VNTANA generates a USDZ and WebXR model for every colorway. Tapping the AR button always places the currently selected color in the shopper's space — no extra configuration.

allow="xr-spatial-tracking" // all that's needed on the iframe