Shopify Integration

vitrine integrates with Shopify as a theme extension, replacing or augmenting product images with interactive 3D viewers.

Installation

1. Install the vitrine app from your Shopify admin
2. Connect your vitrine account
3. The theme extension is added automatically

How it works

The vitrine theme extension works at the theme level:

• Automatic 3D — products with 3D models in Shopify media automatically get the viewer
• Default Look — set a Look as your store default. All products use it unless overridden
• Per-product settings — customize the viewer for specific products via the admin block

Default Look

Set a default Look in the vitrine app settings. Every product with a 3D model gets this style automatically. No per-product configuration needed.

Per-product overrides

For hero products that need special treatment:

1. Open the product in Shopify admin
2. Find the vitrine settings block
3. Override camera angle, lighting, effects, or assign a different Look

Variant switching

If your product has multiple 3D models (one per color variant), the viewer updates when the customer selects a different variant. The Shopify storefront's variant selector triggers the model swap automatically.

Theme compatibility

The extension works with any Shopify theme that supports app blocks. It uses the same vitrine.js embed script as standalone embeds, loaded as a theme asset.

Requirements

• Shopify store on any paid plan
• 3D models uploaded to Shopify product media (GLB format)
• A vitrine account (free tier works)