From 8485f10ca40140f5a69e48dad856d47dcee6afcf Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Wed, 27 Dec 2023 16:57:30 +0100
Subject: [PATCH] add options to splide
---
config.yaml | 16 ++++++++++++++++
.../blocks/templates/gallery/carousel.html | 2 +-
.../partials/blocks/templates/testimonials.html | 11 +----------
3 files changed, 18 insertions(+), 11 deletions(-)
diff --git a/config.yaml b/config.yaml
index 388e96ad..8594cc8b 100644
--- a/config.yaml
+++ b/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:
diff --git a/layouts/partials/blocks/templates/gallery/carousel.html b/layouts/partials/blocks/templates/gallery/carousel.html
index c14cea65..de6811bc 100644
--- a/layouts/partials/blocks/templates/gallery/carousel.html
+++ b/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 -}}
diff --git a/layouts/partials/blocks/templates/testimonials.html b/layouts/partials/blocks/templates/testimonials.html
index e22ee82a..37d37345 100644
--- a/layouts/partials/blocks/templates/testimonials.html
+++ b/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">
--
GitLab