first commit

templates/case-study/single-case-study-slider.php

@@ -0,0 +1,56 @@
+<?
+  $case_studies = $this->case_studies;
+  $slides_limit = 4;
+?>
+
+<div class="case-study__slider-container container">
+  <div class="slider__header">
+    <h2 class="title">Przeglądaj inne nasze Case Study</h2>
+    <a href="/case-study/" class="button--slider-header">Zobacz wszystkie</a>
+  </div>
+  <div class="slider">
+    <section class="splide" aria-label="Splide Basic HTML Example">
+      <div class="splide__track">
+        <ul class="splide__list">
+
+          <? $slides_counter = 0; ?>
+          <? foreach ($case_studies as $key => $case_study) : ?>
+          <? if($this->active_case != $case_study[id]) : ?>
+          <? if($slides_counter < $slides_limit):?>
+          <li class="splide__slide">
+            <div class="slide__background"><img src="<?= $case_study['section_company_img']; ?>" alt=""></div>
+            <div class="slide-container">
+              <div class="slide__logo"><img src="<?= $case_study['logo'] ?>" alt=""></div>
+              <div class="slide__main-container">
+                <h2 class="slide__title"><?= $case_study['title'] ?></h2>
+                <div class="case-study__subtitle">
+                  <?= $text = \S::get_text_between_tag( 'h1', $case_study['case_study_subtitle'] ); ?>
+                </div>
+                <a href="/case-study/<?= \S::seo( $case_study['title'] );?>" class="button--slide">Sprawdź</a>
+              </div>
+            </div>
+          </li>
+          <?endif?>
+          <? $slides_counter += 1; ?>
+          <?endif?>
+          <? endforeach; ?>
+        </ul>
+      </div>
+    </section>
+  </div>
+</div>
+
+<script class="footer" type="text/javascript">
+let splide = new Splide(".splide", {
+  perPage: 2,
+  perMove: 1,
+  gap: '30px',
+  breakpoints: {
+    991: {
+      perPage: 1
+    },
+  }
+});
+
+splide.mount();
+</script>