add options to splide

config.yaml

@@ -69,6 +69,22 @@ params:
   programs:
     related_posts:
       quantity: 4
+  blocks:
+    gallery:
+      splide:
+        arrows: true
+        pagination: false
+        autoWidth: true
+        autoplay: false
+    testimonials:
+      splide:
+        arrows: false
+        autoplay: true
+        pauseOnHover: false
+        pauseOnFocus: true
+        type: loop
+        autoHeight: true
+        interval: 8000
   image_sizes:
     design_system:
       lightbox:

layouts/partials/blocks/templates/gallery/carousel.html

@@ -4,7 +4,7 @@
 {{ end }}
 
 {{- if $is_carousel }}
-<div class="splide" role="group" data-splide='{"arrows":true,"pagination":false,"autoWidth":true,"autoplay":false}'>
+<div class="splide" role="group" data-splide="{{ site.Params.blocks.gallery.splide | encoding.Jsonify }}">
   <div class="splide__track">
     <div class="splide__list">
 {{ end -}}

layouts/partials/blocks/templates/testimonials.html

@@ -20,16 +20,7 @@
         <div class="testimonials">
           {{- if $is_carousel }}
           <div class="splide" 
-              data-splide='{
-                  "arrows":false,
-                  "autoplay":true,
-                  "pauseOnHover":false,
-                  "pauseOnFocus":true,
-                  "type":"loop",
-                  "autoHeight":true,
-                  "interval":8000
-                }'
-              >
+              data-splide="{{ site.Params.blocks.testimonials.splide | encoding.Jsonify }}">
             <div class="splide__slider">
               <div class="splide__track">
                 <div class="splide__list">