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 dSome readersCustom Add to Cart
🛒 Custom Add to Cart Event Listener
By default, Angle3D Configurator navigates users to the cart page after they click the Add to Cart button.
If your theme uses a cart drawer, you can override this behaviour using our custom event listener. This allows you to stay on the current page and handle the Add to Cart logic manually.
*(Please note that the "Add to Cart" action is performed anyway, only the navigation to the cart page is deactivated, so you can implement your own custoSome readersApp Ready
⚙️ App Ready Event Listener
This event is triggered when the configurator is displayed on the product page, but the 3D model has not fully loaded yet.
⚠️ 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 issuesSome readersApp Loaded
✅ App Fully Loaded Event Listener
This event fires when the configurator and the 3D model are fully loaded and ready.
Ideal for enabling actions that depend on the full 3D experience being ready.
⚠️ 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 behaviorSome readersPrice Change
💰 Price Changed Event Listener
Use this to monitor when the product price changes as users customize the product.
This allows you to sync external price displays, trigger events, or log changes.
⚠️ Please use these event listeners responsibly. Custom scripts should not interfere with the core functionality of the Angle3DSome readers