Home Developer Support How to do some custom logic after the product page OPTION rendering is done

How to do some custom logic after the product page OPTION rendering is done

Last updated on Nov 18, 2024

In some cases, you may need to execute custom logic or functionality after the product options have been fully rendered on the product page. Our app provides a way to do this using an event subscription, which allows you to trigger custom actions once the product options are loaded.

Event Subscription: king-linked-option-product-loaded

You can subscribe to the king-linked-option-product-loaded event, which is fired after the product options are rendered on the product page. This event gives you the flexibility to execute custom JavaScript code or logic, such as modifying the appearance of options, adding additional functionality, or interacting with other elements on the page.

document.addEventListener('king-linked-option-product-loaded', function(event) {
    // Your custom logic here
    console.log('Product options have been loaded and rendered.');
    // Example: You can add your custom functionality, such as modifying option styles, triggering animations, or integrating with third-party apps.
});