Using Product Variant to change 3D model without re-render

Shopify implements to display the 3D models inside the product page.

The product_option object has an attribute that returns the selected variant value.

The API for model-viewer mentions the new KHR_materials_variants extension, which enables changing the diffuse material depending on the selected variant.

How can I implement this feature inside multiple different Shopify themes? Does Shopify have the ability to interact with the API?

In theory, if the user selects a variant “Blue”, we get the selected value and update the KHR extension to display the texture assigned to “Blue”.

4 Likes