Widget Reinitialize
.| This is somewhat technical. Feel free to ask us for help if you get stuck.
There could be scenarios when the widget may need to be initialized again. Example:
Cart drawer
Dynamically updated shopping cart ( without page reload )
Go to the Bird App Settings > Widget Placement.

Try Increasing the reinitialize delay
This will reinitialize the widget after the configured delay amount. So that widget loads after the cart is loaded properly.

Watch element changes.
Use this option, only if the reinitialize delay doesn't fix the problem.
Pick a parent element to watch, as shown in the screenshot below.

Enter watch CSS selector.

Only if the parent CSS selector doesn't work, try entering document.body in the above field.
There could be scenarios when the widget may need to be initialized again. Example:
Cart drawer
Dynamically updated shopping cart ( without page reload )
Go to the Bird App Settings > Widget Placement.

Try Increasing the reinitialize delay
This will reinitialize the widget after the configured delay amount. So that widget loads after the cart is loaded properly.

Watch element changes.
Use this option, only if the reinitialize delay doesn't fix the problem.
Pick a parent element to watch, as shown in the screenshot below.

Enter watch CSS selector.

Only if the parent CSS selector doesn't work, try entering document.body in the above field.
Updated on: 01/28/2025
Thank you!