eSales Media Git repositories
Browse code

Add image slide lightbox gallery feature

Benjamin Roth authored on23/09/2019 16:13:06
Showing1 changed files
templates/elements/ce_slick_slider_image.html5
History View file @b650291
... ... 
@@ -26,7 +26,7 @@
26 26
27 27 
   </div>
28 28 
   <?php if ($this->link || $this->imageLink): ?>
29 
-    <a class="slide-url" href="<?= ($this->link ?: $this->imageLink) ?>"<?php if ($this->fullsize): ?> data-lightbox="image_slide_<?= $this->id ?>"<?php endif; ?>></a>
29 
+    <a class="slide-url" href="<?= ($this->link ?: $this->imageLink) ?>"<?php if ($this->fullsize): ?> data-lightbox="<?= $this->lightboxId ?>"<?php endif; ?>></a>
30 30 
   <?php endif; ?>
31 31 
 </div>
32 32
Browse code

Add image slide link feature

Benjamin Roth authored on23/09/2019 15:33:10
Showing1 changed files
templates/elements/ce_slick_slider_image.html5
History View file @7f02f06
... ... 
@@ -25,8 +25,8 @@
25 25 
   <?php endif; ?>
26 26
27 27 
   </div>
28 
-  <?php if ($this->link): ?>
29 
-    <a class="slide-url" href="<?= $this->link ?>"></a>
28 
+  <?php if ($this->link || $this->imageLink): ?>
29 
+    <a class="slide-url" href="<?= ($this->link ?: $this->imageLink) ?>"<?php if ($this->fullsize): ?> data-lightbox="image_slide_<?= $this->id ?>"<?php endif; ?>></a>
30 30 
   <?php endif; ?>
31 31 
 </div>
32 32
Browse code

Allow background videos

Benjamin Roth authored on06/06/2019 19:27:31
Showing1 changed files
templates/elements/ce_slick_slider_image.html5
History View file @a1c0220
... ... 
@@ -2,8 +2,16 @@
2 2 
 <?php $this->block('content'); ?>
3 3
4 4 
 <div class="slick-slider-slide slide_<?= $this->id ?>">
5 
-  <?php if ($this->src): ?>
6 
-    <div class="slick-slider-slide-image"></div>
5 
+  <?php if ($this->src || count($this->videoFiles)): ?>
6 
+    <div class="slick-slider-slide-image">
7 
+      <?php if ($this->videoFiles): ?>
8 
+        <video class="no-mejs" autoplay loop muted>
9 
+          <?php foreach ($this->videoFiles as $video): ?>
10 
+            <source src="<?php echo TL_FILES_URL . $video->path ?>" type="video/<?php echo $video->extension ?>">
11 
+          <?php endforeach ?>
12 
+        </video>
13 
+      <?php endif; ?>
14 
+    </div>
7 15
8 16 
     <style>
9 17 
       <?= $this->backgroundStyle ?>
Browse code

Fix text and link of image slide

Benjamin Roth authored on11/03/2019 12:48:16
Showing1 changed files
templates/elements/ce_slick_slider_image.html5
History View file @da5235c
... ... 
@@ -17,6 +17,9 @@
17 17 
   <?php endif; ?>
18 18
19 19 
   </div>
20 
+  <?php if ($this->link): ?>
21 
+    <a class="slide-url" href="<?= $this->link ?>"></a>
22 
+  <?php endif; ?>
20 23 
 </div>
21 24
22 25 
 <?php $this->endblock(); ?>
Browse code

Support responsive images through Contao source sets

Benjamin Roth authored on01/08/2018 08:45:04
Showing1 changed files
templates/elements/ce_slick_slider_image.html5
History View file @d2218c3
... ... 
@@ -3,10 +3,12 @@
3 3
4 4 
 <div class="slick-slider-slide slide_<?= $this->id ?>">
5 5 
   <?php if ($this->src): ?>
6 
-    <div class="slick-slider-slide-image" style="<?= $this->backgroundStyle ?>"></div>
7 
-    <?php if ($this->minHeight): ?>
8 
-      <style>.slide_<?= $this->id ?>:before { content: ""; display: block; padding-top: <?= $this->minHeight ?>; float: left; }</style>
9 
-    <?php endif; ?>
6 
+    <div class="slick-slider-slide-image"></div>
7 
+
8 
+    <style>
9 
+      <?= $this->backgroundStyle ?>
10 
+      <?php if ($this->backgroundStyleResponsive): ?><?= $this->backgroundStyleResponsive ?><?php endif; ?>
11 
+    </style>
10 12 
   <?php endif; ?>
11 13 
   <div class="slide-content">
12 14
Browse code

Replace deprecated wallpaper slide with image slide

Benjamin Roth authored on01/06/2018 14:18:43
Showing1 changed files
templates/elements/ce_slick_slider_image.html5
History View file @018293a
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,20 @@
1 
+
2 
+<?php $this->block('content'); ?>
3 
+
4 
+<div class="slick-slider-slide slide_<?= $this->id ?>">
5 
+  <?php if ($this->src): ?>
6 
+    <div class="slick-slider-slide-image" style="<?= $this->backgroundStyle ?>"></div>
7 
+    <?php if ($this->minHeight): ?>
8 
+      <style>.slide_<?= $this->id ?>:before { content: ""; display: block; padding-top: <?= $this->minHeight ?>; float: left; }</style>
9 
+    <?php endif; ?>
10 
+  <?php endif; ?>
11 
+  <div class="slide-content">
12 
+
13 
+  <?php if ($this->text): ?>
14 
+    <span class="slide-text"><?= $this->text ?></span>
15 
+  <?php endif; ?>
16 
+
17 
+  </div>
18 
+</div>
19 
+
20 
+<?php $this->endblock(); ?>