How was the live product customizer (Raglan Shirt demo) built with Infinite Options?

How was the live product customizer (Raglan Shirt demo) built with Infinite Options?

This example is a great illustration of what is possible when you combine Infinite Options with custom development using the Infinite Options Events API.

Note

This is not a built-in Infinite Options feature. It requires custom coding to connect option selections to the layered artwork and real-time preview behavior. If you’d like something similar on your store, we recommend working with a Shopify Expert. The team at Hey Carson has experience building setups like this and can help scope the work based on your needs.

You can view the demo here: https://demo-shoppad.myshopify.com/products/raglan-baseball-shirt

Infinite Options collects the shopper’s selections. On top of that, the Infinite Options Events API and custom scripts were used to:

• toggle layered PNG images in real time based on choices
• apply visual updates as selections change
• update SVG text for the monogram field so shoppers can preview personalization instantly

You can learn more about the Infinite Options Events API here: https://infinite-options.docs.theshoppad.com/developer-resources/event-api