Help changing the product image to an iframe to bring in a Verge 3D model

Hello,

I am having a complicated 3d model made using the Verge 3D program. I am trying to figure out how to import the 3D model to the website as it isn’t a usdz file or anything that can uploaded in the traditional way.

I need to link to the verge hosting site I believe. I was given a test link of https://v3d.net/cca to use for testing.

I am using the testament theme. Does anyone know how to import in an iframe instead of the product image? Is there some custom code I could use maybe?

Thank you soooo much to anyone who can help, I’m a quite stumped on how to continue!

Cheers

Lisa

You can’t add arbitrary info like that to a resources(product) media.

If you want a file to be part of a products medi you need to convert it to a format Shopify supports https://help.shopify.com/en/manual/products/product-media/product-media-types#3d-models

To embed the iframe into the theme itself as code you either need to add it as:

  • metafield definition(mfdf) which you then use a dynamic source if the theme has some sort of “iframe” block or setting, otherwise more likely you’ll need to call the mfdf value in a custom-liquid block.
  • The iframe html into a custom-html or custom-liquid block depending on theme support.
  • To be inside any products image gallery - Customize the themes media gallery section/snippet to use that iframe embed either from a hardcoded value or a mfdf, or a theme setting.

There plenty of topics to search the forums about ways of adding iframes to themes.

Good hunting. Though if you just need this setup you can contact me directly for services.

Someone helped me make a custom field with some coding :slightly_smiling_face: thanks for your suggestions. Have a good day!