# 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.

{% hint style="info" %}
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](https://app.shopexperts.com/client/new-project?ref=shoppad) has experience building setups like this and can help scope the work based on your needs.
{% endhint %}

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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://shoppad.gitbook.io/infinite-options/faqs-and-how-tos/how-was-the-live-product-customizer-raglan-shirt-demo-built-with-infinite-options.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
