A: The p3d.in JavaScript API lets you control and customize your embedded 3D models in real time—perfect for creating a customizable product display on your Shopify store. You can use the API to update materials, swap textures, adjust colors, and even trigger animations based on user input. For example, when a customer selects a different color or texture on your product page, you can call a method like setMaterialProperty (or a similar function provided in our API) to update the model immediately without needing to reload the page.

Here’s a rough outline of how you might approach it:

Embed Your Model:
Use the provided iframe embed code to include your p3d.in model on your Shopify product page.

Integrate the API:
Include our JavaScript API script on your page. This script lets you interact with the 3D viewer from your own code.

Capture User Input:
Build a UI (like color pickers, texture selectors, etc.) that lets customers choose their preferred options.

Update the Model Dynamically:
When a user makes a selection, use the API functions to update the model. For instance, if a user picks a new color, you’d call something like:

viewer.setMaterialColor('materialName', '#FF0000');

(Refer to the API docs https://p3d.in/faq for exact method names and parameters.)

Additional Customization:
You can also update other properties such as textures or even trigger custom animations via the API, making the experience interactive and engaging.

For more detailed instructions and examples, check out our FAQ page at p3d.in/faq. There, you’ll find code samples and video tutorials that walk through common use cases like this. If you’re new to 3D development, you might consider working with a developer or exploring our support resources to help you get started.

This approach gives your customers a fully interactive way to explore different configurations of your product, enhancing their shopping experience right on your Shopify store.

You can see more and some tutorial videso here: https://p3d.in/b/