Skip to content

PageManager.rendered

PageManager.rendered is an event on the Event Bus that occurs whenever a Turbo.render event is fired in a page. To read more about Turbo visit the Page Manager Api documentation

Event body

Visit a Turbo.render event documentation page to get the information about the data available as the event body.

Example

In this example we listen to PageManager.rendered event and perform an action whenever it's emitted.

useStorefront(async (storefront) => {
    storefront.eventBus.on('PageManager.rendered', () => {
        console.log('This fires after rendering a page');
    });
});

Example

In this example we use a Message Storage API to retrieve an array of past PageManager.rendered events.

useStorefront((storefront) => {
    const messageStorageApi = storefront.getApiSync('messageStorageSystemApi');

    const pastRenderedEvents = messageStorageApi.getChannelMessages('PageManager.rendered');

    if (pastRenderedEvents.length > 0) {
        pastRenderedEvents.forEach(({ body: eventBody }) => {
            console.log('perform action on every past event');
        });
    }
});

JS API reference