dan/dchadwick
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding swiper.

Browse Source
This commit is contained in:
Dan Chadwick
2024-08-22 08:55:41 -04:00
parent 928eb734e7
commit 2b5c281846
20 changed files with 140 additions and 13667 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/modules/custom/dc_components/templates/field--block-content--field-ping-pong-media-items--ping-pong.html.twig
View File

@@ -41,10 +41,17 @@
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
<div{{ attributes.addClass('slider') }}>
<ul class="slides">
<div{{ attributes.addClass('swiper') }}>
<div class="swiper-wrapper">
{% for item in items %}
<li {{ item.attributes.addClass('slide') }}>{{ item.content }}</li>
<div {{ item.attributes.addClass('swiper-slide') }}>{{ item.content }}</div>
{% endfor %}
</ul>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- If we need scrollbar -->
<div class="swiper-scrollbar"></div>
</div>