Ajax Cart Widget Re-Rendering - Optional

If your cart contents are re-rendered because of Ajax Cart or some similar reason, this guide will help you.

You need to add the following line of code in your Ajax loaded page where the widget is displayed.

<div id=”birdchime-slots-box” data-watch-ajax=”#element-to-watch” ></div>

Watching a parent element having id as element-to-watch

**Explanation**

Here id=birdchime-slots-box is fixed and should not change.

However you can change element-to-watch based on your website’s structure and functionality.

element-to-watch is the id of the parent element which doesn’t change with the Ajax or dynamic content.

Similarly you can watch for an element having class as element-to-watch using following snippet.

<div id=”birdchime-slots-box” data-watch-ajax=”.element-to-watch” ></div>

Watching a parent element having class as element-to-watch

Need Help?

If you are facing issues with the setup like the slot picker not appearing or the slots not working as per your requirement. We provide setup assistance for free. Please ping us via in-app chat bubble or mail us at support@birdchime.com for setup assistance.

Updated on: 12/04/2023