feat(blocks>slider): only show prev/next arrows when more than one sl…

…ide (#2949)
HugoBlox · Jun 18, 2023 · 92cc5a2 · 92cc5a2
1 parent 8b1b5ee
commit 92cc5a2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/modules/wowchemy/layouts/partials/blocks/slider.html b/modules/wowchemy/layouts/partials/blocks/slider.html
@@ -6,13 +6,16 @@
 {{ $page := .wcPage }}
 {{ $block := .wcBlock }}
 {{ $hash_id := .wcIdentifier }}
+{{ $slide_count := len $block.content.slides }}
 
 <!-- Indicators -->
+{{ if gt $slide_count 1 }}
 <ol class="carousel-indicators">
   {{ range $index, $item := $block.content.slides }}
   <li data-target="#{{$hash_id}}" data-slide-to="{{$index}}" {{if eq $index 0}}class="active"{{end}}></li>
   {{ end }}
 </ol>
+{{ end }}
 
 <!-- Carousel slides wrapper -->
 <div class="carousel-inner">
@@ -81,6 +84,7 @@ <h1 class="hero-title ">
 </div>
 
 <!-- Left and right controls -->
+{{ if gt $slide_count 1 }}
 <a class="carousel-control-prev" href="#{{$hash_id}}" data-slide="prev">
   <span class="carousel-control-prev-icon"></span>
   <span class="sr-only">Previous</span>
@@ -89,3 +93,4 @@ <h1 class="hero-title ">
   <span class="carousel-control-next-icon"></span>
   <span class="sr-only">Next</span>
 </a>
+{{ end }}
diff --git a/modules/wowchemy/layouts/partials/blocks/v1/slider.html b/modules/wowchemy/layouts/partials/blocks/v1/slider.html
@@ -6,13 +6,16 @@
 {{ $page := .wcPage }}
 {{ $block := .wcBlock }}
 {{ $hash_id := .wcIdentifier }}
+{{ $slide_count := len $block.Params.content.slides }}
 
 <!-- Indicators -->
+{{ if gt $slide_count 1 }}
 <ol class="carousel-indicators">
   {{ range $index, $item := $block.Params.content.slides }}
   <li data-target="#{{$hash_id}}" data-slide-to="{{$index}}" {{if eq $index 0}}class="active"{{end}}></li>
   {{ end }}
 </ol>
+{{ end }}
 
 <!-- Carousel slides wrapper -->
 <div class="carousel-inner">
@@ -75,6 +78,7 @@ <h1 class="hero-title">
 </div>
 
 <!-- Left and right controls -->
+{{ if gt $slide_count 1 }}
 <a class="carousel-control-prev" href="#{{$hash_id}}" data-slide="prev">
   <span class="carousel-control-prev-icon"></span>
   <span class="sr-only">Previous</span>
@@ -83,3 +87,4 @@ <h1 class="hero-title">
   <span class="carousel-control-next-icon"></span>
   <span class="sr-only">Next</span>
 </a>
+{{ end }}