Limiter le nombre d'items en fonction du breakpoint

<script>
  (function(){
  // -- NE PAS TOUCHER -- le script lit les data-attributes que vous avez définis dans l'UI
  var lists = document.querySelectorAll('[data-max-mobile]');

  function getMax(list) {
    var w = window.innerWidth;
    if (w >= 992) return parseInt(list.getAttribute('data-max-desktop'), 10);
    if (w >= 768) return parseInt(list.getAttribute('data-max-tablet'), 10);
    return parseInt(list.getAttribute('data-max-mobile'), 10);
  }

  function updateItems(){
    lists.forEach(function(list){
      var max = getMax(list);
      var items = list.querySelectorAll('.w-dyn-item');
      items.forEach(function(item, i){
        item.style.display = (i < max) ? '' : 'none';
      });
    });
  }

  window.addEventListener('resize', updateItems);
  document.addEventListener('DOMContentLoaded', updateItems);
  })();
</script>