@ecomplus/storefront-template/template/js/lib/shopping-cart.js

Reusable & upgradable views and scripts for E-Com Plus storefront

import { animateCss } from '@ecomplus/storefront-twbs'
import ecomCart from '@ecomplus/shopping-cart'

const $cartCount = document.getElementById('cart-count')
if ($cartCount) {
  const showItemsCount = () => {
    animateCss($cartCount, 'fadeOut').then(() => {
      $cartCount.innerText = ecomCart.data.items.length
      animateCss($cartCount, 'fadeIn')
    })
  }
  ecomCart.on('change', showItemsCount)
  showItemsCount()
}