Switch to Splide Carousel Library

module/VuFind/src/VuFind/RecordTab/SimilarItemsCarousel.php

@@ -77,6 +77,17 @@ public function __construct(
         $this->config = $config;
     }
 
+    /**
+     * Can this tab be loaded via AJAX?
+     *
+     * @return bool
+     */
+    public function supportsAjax()
+    {
+        // We cannot load this tab with AJAX because of the carousel library.
+        return false;
+    }
+
     /**
      * Get the on-screen description for this tab.
      *

themes/bootstrap3/js/carousels.js

@@ -0,0 +1,36 @@
+/*global VuFind, Splide, unwrapJQuery */
+VuFind.register("carousels", function VuFindCarousels() {
+  function setup(scope = document) {
+    if (typeof Splide === "undefined") {
+      return;
+    }
+
+    const config = {
+      autoHeight: true,
+      gap: "0.5em",
+      perPage: 4,
+      breakpoints: { 640: { perPage: 3 }},
+      classes: {
+        // Add classes for pagination.
+        pagination: "splide__pagination carousel-pagination", // container
+        page: "splide__pagination__page carousel-indicator", // each button
+      }
+    };
+
+    unwrapJQuery(scope)
+      .querySelectorAll("[data-carousel]")
+      .forEach((carousel) => {
+        if (carousel.classList.contains("is-initialized")) {
+          return;
+        }
+
+        new Splide(carousel, config).mount();
+      });
+  }
+
+  function init() {
+    setup();
+  }
+
+  return { init, setup };
+});