silverstripe-elemental-basics/templates/A2nt/ElementalBasics/Elements/SliderElement.ss

36 lines
1.1 KiB
Scheme
Raw Normal View History

2021-06-08 14:53:38 +02:00
<% if $ShowTitle || $Content %>
2021-06-08 15:30:06 +02:00
<% if $ShowTitle %>
<h2 class="element__title">$Title</h2>
<% end_if %>
<% if $Content %>
<div class="element__html typography">$Content</div>
<% end_if %>
2021-06-08 14:53:38 +02:00
<% end_if %>
<% if $SlideShow %>
2023-08-04 18:09:44 +02:00
<div class="element__content<% if $SlidesInRow >1 %> container<% end_if %>">
2022-04-19 13:50:36 +02:00
<div
id="Carousel{$ID}"
2023-08-04 18:09:44 +02:00
class="glide
2022-04-19 13:50:36 +02:00
<% if $SlidesInRow > 1 %>
carousel-multislide
<% end_if %>"
2023-08-04 18:09:44 +02:00
data-per-view="<% if $SlidesInRow >1 %>{$SlidesInRow}<% else %>1<% end_if %>"
2022-04-19 13:50:36 +02:00
<% if $SlideShow.count > 1 %>
<% if $Interval %> data-bs-interval="$Interval"<% end_if %>
data-bs-indicators="true" data-bs-arrows="true"
<% end_if %>
>
2023-08-04 18:09:44 +02:00
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<% loop $SlideShow %>
<li class="glide__slide">
2021-06-08 14:53:38 +02:00
<% include SlideItem %>
2023-08-04 18:09:44 +02:00
</li>
<% end_loop %>
</ul>
2021-06-08 14:53:38 +02:00
</div>
</div>
</div>
<% end_if %>