Browse code
Update remote
Benjamin Roth authored on20/03/2023 16:17:59 Showing9 changed files
- app/Resources/contao/languages/de/default.php
- files/base/layout/css/shop/product-box.scss
- files/base/layout/css/style.scss
- templates/contao/event_noslides.html5
- templates/contao/form_textfield_time.html5
- templates/contao/mod_newslist_slider.html5
- templates/contao/news_full_tipps.html5
- templates/contao/picture_default.html5
- templates/contao/picture_default_disabled.html5
| ... | ... |
@@ -3,6 +3,22 @@ |
| 3 | 3 |
} |
| 4 | 4 |
|
| 5 | 5 |
.iso--product-box {
|
| 6 |
+ |
|
| 7 |
+ padding-bottom: 60px; |
|
| 8 |
+ height: 100%; |
|
| 9 |
+ |
|
| 10 |
+ .button_container {
|
|
| 11 |
+ position: absolute; |
|
| 12 |
+ bottom: 0; |
|
| 13 |
+ left: 0; |
|
| 14 |
+ right: 0; |
|
| 15 |
+ } |
|
| 16 |
+ |
|
| 17 |
+ .image_container {
|
|
| 18 |
+ height:400px; |
|
| 19 |
+ @include aspect-ratio(1,1); |
|
| 20 |
+ } |
|
| 21 |
+ |
|
| 6 | 22 |
&.variant-v1 {
|
| 7 | 23 |
background-color: var(--bs-white); |
| 8 | 24 |
height: 100%; |
| ... | ... |
@@ -67,6 +67,87 @@ html {
|
| 67 | 67 |
@import "elements/tooltips"; |
| 68 | 68 |
@import "elements/alerts"; |
| 69 | 69 |
@import "_theme/includes"; |
| 70 |
+ |
|
| 71 |
+ .mod_newsreader {
|
|
| 72 |
+ p.back {
|
|
| 73 |
+ margin-top: 1.5rem; |
|
| 74 |
+ } |
|
| 75 |
+ } |
|
| 76 |
+ |
|
| 77 |
+ .mod_eventlist {
|
|
| 78 |
+ .row {
|
|
| 79 |
+ .event {
|
|
| 80 |
+ height: 100%; |
|
| 81 |
+ padding-bottom: 60px; |
|
| 82 |
+ position: relative; |
|
| 83 |
+ |
|
| 84 |
+ time {
|
|
| 85 |
+ font-weight: 700; |
|
| 86 |
+ } |
|
| 87 |
+ |
|
| 88 |
+ .event--image-wrapper {
|
|
| 89 |
+ @include aspect-ratio(1,1); |
|
| 90 |
+ } |
|
| 91 |
+ |
|
| 92 |
+ .event--content-wrapper {
|
|
| 93 |
+ |
|
| 94 |
+ .event--button {
|
|
| 95 |
+ position: absolute; |
|
| 96 |
+ left: 0; |
|
| 97 |
+ right: 0; |
|
| 98 |
+ bottom: 0; |
|
| 99 |
+ text-align: center; |
|
| 100 |
+ } |
|
| 101 |
+ } |
|
| 102 |
+ } |
|
| 103 |
+ } |
|
| 104 |
+ } |
|
| 105 |
+ |
|
| 106 |
+ .ce_rsce_equalboxfield {
|
|
| 107 |
+ &.colored_tiles {
|
|
| 108 |
+ |
|
| 109 |
+ .ce--equalboxfield {
|
|
| 110 |
+ > .row {
|
|
| 111 |
+ > div {
|
|
| 112 |
+ @include aspect-ratio(1,1); |
|
| 113 |
+ |
|
| 114 |
+ .box--element.box--element {
|
|
| 115 |
+ > .row, |
|
| 116 |
+ > .row > .col {
|
|
| 117 |
+ height: 100%; |
|
| 118 |
+ } |
|
| 119 |
+ .box--details {
|
|
| 120 |
+ height: 100%; |
|
| 121 |
+ justify-content: center !important; |
|
| 122 |
+ padding: 4.5rem 1.5rem 1.5rem; |
|
| 123 |
+ position: relative; |
|
| 124 |
+ |
|
| 125 |
+ .box--headline {
|
|
| 126 |
+ position: absolute; |
|
| 127 |
+ top: 1.5rem; |
|
| 128 |
+ left: 1.5rem; |
|
| 129 |
+ right: 1.5rem; |
|
| 130 |
+ } |
|
| 131 |
+ .box--text {
|
|
| 132 |
+ margin-top: 0; |
|
| 133 |
+ max-height: 100%; |
|
| 134 |
+ display: flex; |
|
| 135 |
+ justify-content: center; |
|
| 136 |
+ |
|
| 137 |
+ img {
|
|
| 138 |
+ max-height: 100%; |
|
| 139 |
+ height: 100%; |
|
| 140 |
+ width: auto; |
|
| 141 |
+ } |
|
| 142 |
+ } |
|
| 143 |
+ } |
|
| 144 |
+ } |
|
| 145 |
+ } |
|
| 146 |
+ } |
|
| 147 |
+ } |
|
| 148 |
+ |
|
| 149 |
+ } |
|
| 150 |
+ } |
|
| 70 | 151 |
} |
| 71 | 152 |
} |
| 72 | 153 |
|
| ... | ... |
@@ -1,11 +1,11 @@ |
| 1 |
-<div class="col-12 col-md-4 col-lg-3"> |
|
| 1 |
+<div class="col-12 col-md-4"> |
|
| 2 | 2 |
<div class="event layout_slide<?= $this->classList ?>"> |
| 3 | 3 |
|
| 4 | 4 |
<?php if ($this->singleSRC): ?> |
| 5 |
- <div class="event--image-wrapper"> |
|
| 5 |
+ <figure class="event--image-wrapper image_container"> |
|
| 6 | 6 |
|
| 7 |
- <img class="lazy" data-src="<?= $this->singleSRC; ?>"> |
|
| 8 |
- </div> |
|
| 7 |
+ <?php $this->insert('picture_default', $this->arrData['picture']); ?>
|
|
| 8 |
+ </figure> |
|
| 9 | 9 |
<?php endif; ?> |
| 10 | 10 |
|
| 11 | 11 |
<div class="event--content-wrapper"> |
| ... | ... |
@@ -15,28 +15,25 @@ |
| 15 | 15 |
</h3> |
| 16 | 16 |
|
| 17 | 17 |
<div class="event--data-wrapper"> |
| 18 |
- <?php if ($this->date): ?> |
|
| 19 |
- <?= $this->date ?>, |
|
| 20 |
- <?php endif; ?> |
|
| 21 |
- <?php if ($this->time): ?> |
|
| 22 |
- <span class="time"> |
|
| 23 |
- <time datetime="<?= $this->datetime ?>"><?= $this->time ?></time> Uhr </span> |
|
| 18 |
+ <?php if ($this->time || $this->date): ?> |
|
| 19 |
+ <div class="time"> |
|
| 20 |
+ <time datetime="<?= $this->datetime ?>"><?= $this->date ?><?php if ($this->time): ?>, <?= $this->time ?> Uhr<?php endif; ?></time></div> |
|
| 24 | 21 |
<?php endif; ?> |
| 25 | 22 |
<?php if ($this->location): ?> |
| 26 |
- <span class="location">| <?= $this->location ?><?php if ($this->address): ?> (<?= $this->address ?>)<?php endif; ?></span> |
|
| 23 |
+ <div class="location"><?= $this->location ?><?php if ($this->address): ?> (<?= $this->address ?>)<?php endif; ?></div> |
|
| 27 | 24 |
<?php endif; ?> |
| 28 | 25 |
</div> |
| 29 | 26 |
|
| 30 |
- <?php if ($this->teaser): ?> |
|
| 27 |
+ <?php /* if ($this->teaser): ?> |
|
| 31 | 28 |
<div class="ce_text mt-1 block pb-1"> |
| 32 | 29 |
<?= $this->teaser ?> |
| 33 | 30 |
</div> |
| 34 |
- <?php endif; ?> |
|
| 31 |
+ <?php endif; */ ?> |
|
| 35 | 32 |
|
| 36 | 33 |
|
| 37 | 34 |
<?php if ($this->details): ?> |
| 38 | 35 |
<div class="event--button pt-1"> |
| 39 |
- <a href="<?= $this->href;?>" class="btn btn-outline-primary btn-sm">mehr lesen</a> |
|
| 36 |
+ <a href="<?= $this->href;?>" class="btn btn-primary">mehr lesen</a> |
|
| 40 | 37 |
</div> |
| 41 | 38 |
<?php endif; ?> |
| 42 | 39 |
|
| 43 | 40 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,20 @@ |
| 1 |
+<?php $this->extend('form_row'); ?>
|
|
| 2 |
+ |
|
| 3 |
+<?php $this->block('label'); ?>
|
|
| 4 |
+<?php if ($this->label) : ?> |
|
| 5 |
+ <label for="ctrl_<?= $this->id ?>" <?php if ($this->class) : ?> class="<?= $this->class ?>" <?php endif; ?>> |
|
| 6 |
+ <?php if ($this->mandatory) : ?> |
|
| 7 |
+ <span class="invisible"><?= $this->mandatoryField ?> </span><?= $this->label ?><span class="mandatory">*</span> |
|
| 8 |
+ <?php else : ?> |
|
| 9 |
+ <?= $this->label ?> |
|
| 10 |
+ <?php endif; ?> |
|
| 11 |
+ </label> |
|
| 12 |
+<?php endif; ?> |
|
| 13 |
+<?php $this->endblock(); ?> |
|
| 14 |
+ |
|
| 15 |
+<?php $this->block('field'); ?>
|
|
| 16 |
+<input type="time" name="<?= $this->name ?>" id="ctrl_<?= $this->id ?>" class="form-control text<?php if ($this->hideInput) : ?> password<?php endif; ?><?php if ($this->class) : ?> <?= $this->class ?><?php endif; ?>" value="<?= Contao\StringUtil::specialchars($this->value) ?>" <?= $this->getAttributes() ?>> |
|
| 17 |
+<?php if ($this->hasErrors()) : ?> |
|
| 18 |
+ <p class="error"><?= $this->getErrorAsString() ?></p> |
|
| 19 |
+<?php endif; ?> |
|
| 20 |
+<?php $this->endblock(); ?> |
|
| 0 | 21 |
\ No newline at end of file |
| ... | ... |
@@ -32,10 +32,10 @@ |
| 32 | 32 |
const swiper_<?php echo $this->id; ?> = new Swiper('.swiper.linkboxes-slider_<?php echo $this->id; ?>', {
|
| 33 | 33 |
direction: 'horizontal', |
| 34 | 34 |
loop: true, |
| 35 |
- preloadImages: false, |
|
| 36 |
- lazy: {
|
|
| 35 |
+ preloadImages: true, |
|
| 36 |
+ /*lazy: {
|
|
| 37 | 37 |
loadPrevNext: true, |
| 38 |
- }, |
|
| 38 |
+ },*/ |
|
| 39 | 39 |
spaceBetween:30, |
| 40 | 40 |
centeredSlides: false, |
| 41 | 41 |
slidesPerView: 3, |
| 42 | 42 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,52 @@ |
| 1 |
+ |
|
| 2 |
+<div class="layout_full block<?= $this->class ?>"> |
|
| 3 |
+ |
|
| 4 |
+ <h1><?= $this->newsHeadline ?></h1> |
|
| 5 |
+ |
|
| 6 |
+ <?php if ($this->hasMetaFields): ?> |
|
| 7 |
+ <p class="info"><time datetime="<?= $this->datetime ?>"><?= $this->date ?></time> <?= $this->author ?> <?= $this->commentCount ?></p> |
|
| 8 |
+ <?php endif; ?> |
|
| 9 |
+ |
|
| 10 |
+ <?php if ($this->hasSubHeadline): ?> |
|
| 11 |
+ <h2><?= $this->subHeadline ?></h2> |
|
| 12 |
+ <?php endif; ?> |
|
| 13 |
+ |
|
| 14 |
+ <?php if ($this->hasText): ?> |
|
| 15 |
+ <?= $this->text ?> |
|
| 16 |
+ <?php else: ?> |
|
| 17 |
+ <div class="ce_text block"> |
|
| 18 |
+ <?php if (!$this->addBefore): ?> |
|
| 19 |
+ <?= $this->teaser ?> |
|
| 20 |
+ <?php endif; ?> |
|
| 21 |
+ |
|
| 22 |
+ <?php if ($this->addImage): ?> |
|
| 23 |
+ <?php $this->insert('image', $this->arrData); ?>
|
|
| 24 |
+ <?php endif; ?> |
|
| 25 |
+ |
|
| 26 |
+ <?php if ($this->addBefore): ?> |
|
| 27 |
+ <?= $this->teaser ?> |
|
| 28 |
+ <?php endif; ?> |
|
| 29 |
+ </div> |
|
| 30 |
+ <?php endif; ?> |
|
| 31 |
+ |
|
| 32 |
+ <?php if ($this->enclosure): ?> |
|
| 33 |
+ <ul class="enclosure"> |
|
| 34 |
+ <?php foreach ($this->enclosure as $enclosure): ?> |
|
| 35 |
+ <li class="download-element ext-<?= $enclosure['extension'] ?>"> |
|
| 36 |
+ <a href="<?= $enclosure['href'] ?>" title="<?= $enclosure['title'] ?>"><?= $enclosure['link'] ?> <span class="size">(<?= $enclosure['filesize'] ?>)</span></a> |
|
| 37 |
+ </li> |
|
| 38 |
+ <?php endforeach; ?> |
|
| 39 |
+ </ul> |
|
| 40 |
+ <?php endif; ?> |
|
| 41 |
+ |
|
| 42 |
+</div> |
|
| 43 |
+ |
|
| 44 |
+<?php |
|
| 45 |
+ |
|
| 46 |
+$schemaOrg = $this->getSchemaOrgData(); |
|
| 47 |
+ |
|
| 48 |
+if ($this->hasText) {
|
|
| 49 |
+ $schemaOrg['text'] = $this->rawHtmlToPlainText($this->text); |
|
| 50 |
+} |
|
| 51 |
+ |
|
| 52 |
+$this->addSchemaOrg($schemaOrg); |
| 0 | 53 |
deleted file mode 100644 |
| ... | ... |
@@ -1,14 +0,0 @@ |
| 1 |
-<?php if ($this->sources): ?> |
|
| 2 |
-<picture> |
|
| 3 |
- <?php foreach ($this->sources as $source): ?> |
|
| 4 |
- <source srcset="<?= $source['srcset'] ?>"<?php if (!empty($source['sizes'])): ?> sizes="<?= $source['sizes'] ?>"<?php endif; ?><?php if (!empty($source['media'])): ?> media="<?= $source['media'] ?>"<?php endif; ?><?php if (!empty($source['type'])): ?> type="<?= $source['type'] ?>"<?php endif; ?><?php if (!empty($source['width']) && !empty($source['height'])): ?> width="<?= $source['width'] ?>" height="<?= $source['height'] ?>"<?php endif; ?>> |
|
| 5 |
- <?php endforeach; ?> |
|
| 6 |
- <?php endif; ?> |
|
| 7 |
- |
|
| 8 |
- <img class="lazy" |
|
| 9 |
- data-src="<?= $this->img['src'] ?>"<?php if ($this->img['srcset'] !== $this->img['src']): ?> srcset="<?= $this->img['srcset'] ?>"<?php endif; ?><?php if (!empty($this->img['sizes'])): ?> sizes="<?= $this->img['sizes'] ?>"<?php endif; ?><?php if (!empty($this->img['width']) && !empty($this->img['height'])): ?> width="<?= $this->img['width'] ?>" height="<?= $this->img['height'] ?>"<?php endif; ?> |
|
| 10 |
- alt="<?= $this->alt ?>"<?php if (!empty($this->img['loading'])): ?> loading="<?= $this->img['loading'] ?>"<?php endif; ?><?php if ($this->title): ?> title="<?= $this->title ?>"<?php endif; ?><?php if ($this->class || !empty($this->img['class'])): ?> class="<?= trim($this->class . ' ' . $this->img['class']) ?>"<?php endif; ?><?= $this->attributes ?>> |
|
| 11 |
- |
|
| 12 |
- <?php if ($this->sources): ?> |
|
| 13 |
-</picture> |
|
| 14 |
-<?php endif; ?> |
| 15 | 0 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,14 @@ |
| 1 |
+<?php if ($this->sources): ?> |
|
| 2 |
+<picture> |
|
| 3 |
+ <?php foreach ($this->sources as $source): ?> |
|
| 4 |
+ <source srcset="<?= $source['srcset'] ?>"<?php if (!empty($source['sizes'])): ?> sizes="<?= $source['sizes'] ?>"<?php endif; ?><?php if (!empty($source['media'])): ?> media="<?= $source['media'] ?>"<?php endif; ?><?php if (!empty($source['type'])): ?> type="<?= $source['type'] ?>"<?php endif; ?><?php if (!empty($source['width']) && !empty($source['height'])): ?> width="<?= $source['width'] ?>" height="<?= $source['height'] ?>"<?php endif; ?>> |
|
| 5 |
+ <?php endforeach; ?> |
|
| 6 |
+ <?php endif; ?> |
|
| 7 |
+ |
|
| 8 |
+ <img class="lazy" |
|
| 9 |
+ data-src="<?= $this->img['src'] ?>"<?php if ($this->img['srcset'] !== $this->img['src']): ?> srcset="<?= $this->img['srcset'] ?>"<?php endif; ?><?php if (!empty($this->img['sizes'])): ?> sizes="<?= $this->img['sizes'] ?>"<?php endif; ?><?php if (!empty($this->img['width']) && !empty($this->img['height'])): ?> width="<?= $this->img['width'] ?>" height="<?= $this->img['height'] ?>"<?php endif; ?> |
|
| 10 |
+ alt="<?= $this->alt ?>"<?php if (!empty($this->img['loading'])): ?> loading="<?= $this->img['loading'] ?>"<?php endif; ?><?php if ($this->title): ?> title="<?= $this->title ?>"<?php endif; ?><?php if ($this->class || !empty($this->img['class'])): ?> class="<?= trim($this->class . ' ' . $this->img['class']) ?>"<?php endif; ?><?= $this->attributes ?>> |
|
| 11 |
+ |
|
| 12 |
+ <?php if ($this->sources): ?> |
|
| 13 |
+</picture> |
|
| 14 |
+<?php endif; ?> |