Angle 3D Knowledge Base
Go to website
Back
Articles on:Javascript Event Listeners
No description

Categories

  • Get Started
  • Javascript Event Listeners
  • 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 readers
  • Custom 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 readers
  • App 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 readers
  • App 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 readers
  • Price 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

Not finding what you are looking for?

Chat with us or send us an email.

  • Chat with us
  • Send us an email
© 2026Angle 3D Knowledge Base