JavaScript Event Listeners (Advanced)

JavaScript Event Listeners (Advanced)

Audience: This article is intended for developers and technical users familiar with JavaScript and Shopify theme development.

Angle3D Configurator provides a set of JavaScript event listeners to allow advanced behavior customization on your Shopify store. These events are triggered at various points during the user interaction with the configurator, enabling you to hook into these moments and implement your own logic, such as opening a cart drawer for example.

All event listeners use the standard JavaScript syntax:

window.addEventListener("<EVENT_NAME>", function(event) {
  // YOUR CUSTOM CODE HERE
});

Here is a list of the available event listeners:

Custom Add to Cart

App Ready

App Loaded

Price Change

⚠️ Please use these event listeners responsibly. Custom scripts should not interfere with the core functionality of the Angle3D Configurator. Improper use may lead to unexpected behavior, and we cannot provide support for issues caused by external scripts.