baueradvance/httpdocs/templates/bauer/mod_newslist_home.html5

<?php
$GLOBALS['TL_BODY'][] = '<script src="files/theme/assets/js/slick.min.js"></script>';
$GLOBALS['TL_BODY'][] = "<script>
$('.mod_newslist').slick({
  infinite: true,
  slidesToShow: 4,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 768,
      settings: {
    	infinite: true,
    	slidesToScroll: 1,
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
    	infinite: true,
    	slidesToScroll: 1,
        slidesToShow: 2
      }
    }
  ]
});
</script>";
?>

<?php $this->extend('block_unsearchable'); ?>

<?php $this->block('content'); ?>

  <?php if (empty($this->articles)): ?>
    <p class="empty"><?= $this->empty ?></p>
  <?php else: ?>
    <?= implode('', $this->articles) ?>
    <?= $this->pagination ?>
  <?php endif; ?>

<?php $this->endblock(); ?>