Add a 3D product viewer to a Shopify theme

Snippet

<script async src="https://cdn.glboost.com/_/embed.js"></script>
<glboost-viewer asset="YOUR_ASSET_ID" ar poster="auto" style="height:480px"></glboost-viewer>

Replace YOUR_ASSET_ID with the id from the asset page; the Embed tab generates the snippet with the id filled in and, for private assets, a signature.

Where it goes

1. In the theme editor open the product template and add a Custom Liquid block.
2. Paste the snippet into the block; replace the asset id per product, or read it from a product metafield such as {{ product.metafields.custom.glboost_asset }}.

Notes

• Shopify content security settings allow external scripts from the theme; the viewer loads from cdn.glboost.com.
• For private assets, keep the model public on GLBoost or generate signed URLs from your app server.
• Private assets need a signature or a share link; see Viewer and embeds.