updateOnWindowFocus

Liquid Ajax Cart makes a Shopify Cart API request each time when the browser tab loses focus and gets focus back to keep data-ajax-cart-section containers and the State object up to date.

It is necessary because a user can open two browser tabs with the same Shopify store, adds a product to the cart in the second tab and then goes back to the first one. The first tab “doesn’t know” about the new product in the cart but once the tab gets focus it will get updated.

You might want to disable this functionality during the development process because when you switch from DevTools to a page content and back the window object will get and lose focus all the time and cart sections will be updating constantly. Use the updateOnWindowFocus configuration parameter to turn this functionality off.

Disable using the data-ajax-cart-configuration attribute:

{% comment %} Somewhere in layout/theme.liquid {% endcomment %}

<script type="application/json" data-ajax-cart-configuration >
  {
    "updateOnWindowFocus": false
  }
</script>

Disable using the configureCart function:

<script type="module">
  import { configureCart } from '{{ "liquid-ajax-cart-v1.11.2.js" | asset_url }}';

  configureCart('updateOnWindowFocus', false);
</script>

You can change the parameter right in the browser’s console by typing the following command:

liquidAjaxCart.configureCart('updateOnWindowFocus', false)