Assign cropvariants for ep-events
This commit is contained in:
@@ -116,4 +116,15 @@ call_user_func(function() {
|
||||
'allowedTables' => '*',
|
||||
];
|
||||
|
||||
$GLOBALS['TCA']['pages']['columns']['media']['config']['overrideChildTca']['columns']['crop']['config']['cropVariants'] = [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'header' => [
|
||||
'title' => 'Header Startseite',
|
||||
'value' => 2.0571,
|
||||
],
|
||||
],
|
||||
],
|
||||
];
|
||||
});
|
||||
|
||||
@@ -39,7 +39,6 @@ call_user_func(function() {
|
||||
'appearance' => [
|
||||
'createNewRelationLinkTitle' => 'Hinzufügen'
|
||||
],
|
||||
'foreign_types' => $GLOBALS['TCA']['tt_content']['columns']['image']['config']['foreign_types'],
|
||||
'maxitems' => 1,
|
||||
'minitems' => 1,
|
||||
], 'jpg')
|
||||
|
||||
+23
-1
@@ -58,7 +58,29 @@ call_user_func(function() {
|
||||
'appearance' => [
|
||||
'createNewRelationLinkTitle' => 'Hinzufügen'
|
||||
],
|
||||
'foreign_types' => $GLOBALS['TCA']['tt_content']['columns']['image']['config']['foreign_types'],
|
||||
'overrideChildTca' => [
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'headerDefault' => [
|
||||
'title' => 'Header standard',
|
||||
'value' => 2.63333333333333,
|
||||
],
|
||||
'headerLarge' => [
|
||||
'title' => 'Header groß',
|
||||
'value' => 2.0571,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1,
|
||||
'minitems' => 1,
|
||||
], 'jpg')
|
||||
|
||||
+19
-1
@@ -48,7 +48,25 @@ call_user_func(function() {
|
||||
'appearance' => [
|
||||
'createNewRelationLinkTitle' => 'Hinzufügen'
|
||||
],
|
||||
'foreign_types' => $GLOBALS['TCA']['tt_content']['columns']['image']['config']['foreign_types'],
|
||||
'overrideChildTca' => [
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'default' => [
|
||||
'title' => 'Standard',
|
||||
'value' => 1.575,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1,
|
||||
'minitems' => 1,
|
||||
], 'jpg')
|
||||
|
||||
@@ -199,6 +199,23 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'teaser' => [
|
||||
'title' => 'Teaser',
|
||||
'value' => 1,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
@@ -222,6 +239,23 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'header' => [
|
||||
'title' => 'Header',
|
||||
'value' => 2.63333333333333,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
|
||||
@@ -176,6 +176,23 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'default' => [
|
||||
'title' => 'Standard',
|
||||
'value' => 1.62162162,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
|
||||
@@ -166,6 +166,23 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'header' => [
|
||||
'title' => 'Teaser',
|
||||
'value' => 1,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
|
||||
@@ -204,6 +204,23 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'teaser' => [
|
||||
'title' => 'Teaser',
|
||||
'value' => 1,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
|
||||
@@ -267,6 +267,32 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Desktop',
|
||||
'allowedAspectRatios' => [
|
||||
'teaser' => [
|
||||
'title' => 'Teaser',
|
||||
'value' => 1,
|
||||
],
|
||||
],
|
||||
],
|
||||
'mobile' => [
|
||||
'title' => 'Mobile',
|
||||
'allowedAspectRatios' => [
|
||||
'teaser' => [
|
||||
'title' => 'Teaser',
|
||||
'value' => 1.7857,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
@@ -290,6 +316,23 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Mobile',
|
||||
'allowedAspectRatios' => [
|
||||
'teaser' => [
|
||||
'title' => 'Teaser',
|
||||
'value' => 1.7857,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
@@ -313,6 +356,23 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'teaser' => [
|
||||
'title' => 'Header',
|
||||
'value' => 2.63333333333333,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
|
||||
+17
@@ -144,6 +144,23 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'default' => [
|
||||
'title' => 'Standard',
|
||||
'value' => 1,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
|
||||
@@ -209,6 +209,23 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'header' => [
|
||||
'title' => 'Header',
|
||||
'value' => 2.0571,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
@@ -232,6 +249,23 @@ return [
|
||||
--palette--;;filePalette',
|
||||
],
|
||||
],
|
||||
'columns' => [
|
||||
'crop' => [
|
||||
'config' => [
|
||||
'cropVariants' => [
|
||||
'default' => [
|
||||
'title' => 'Alle Geräte',
|
||||
'allowedAspectRatios' => [
|
||||
'header' => [
|
||||
'title' => 'Banner',
|
||||
'value' => 2.8667,
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
'maxitems' => 1
|
||||
],
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
<span class="banner__title">{traveltype.bannertext -> f:format.nl2br()}</span>
|
||||
<a class="button button--transparent" href="{f:uri.typolink(parameter: settings.contactPageUid)}" title="Anfragen">» Fragen Sie unseren Experten</a>
|
||||
</div>
|
||||
<div class="banner__image" style="background-image: url({f:uri.image(src: traveltype.imageBanner.uid, treatIdAsReference: 1, crop: traveltype.imageBanner.crop)})"></div>
|
||||
<div class="banner__image" style="background-image: url({f:uri.image(image: traveltype.imageBanner, cropVariant: 'default', width: '800')})"></div>
|
||||
</div>
|
||||
</f:if>
|
||||
</div>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<f:spaceless>
|
||||
<f:if condition="{activity.imageHeader.uid}">
|
||||
<f:then>
|
||||
{f:uri.image(src: activity.imageHeader.uid, treatIdAsReference: 1, crop: activity.imageHeader.crop, width: '1440') -> v:variable.set(name: 'headerImage')}
|
||||
{f:uri.image(image: activity.imageHeader, cropVariant: 'default', width: '1440', maxHeight: '700') -> v:variable.set(name: 'headerImage')}
|
||||
</f:then>
|
||||
<f:else>
|
||||
{f:uri.image(src: settings.activityDefaultHeaderImage, width: '1440') -> v:variable.set(name: 'headerImage')}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<f:spaceless>
|
||||
<f:if condition="{traveltype.imageHeader.uid}">
|
||||
<f:then>
|
||||
{f:uri.image(src: traveltype.imageHeader.uid, treatIdAsReference: 1, crop: traveltype.imageHeader.crop, width: '1440') -> v:variable.set(name: 'headerImage')}
|
||||
{f:uri.image(image: traveltype.imageHeader, cropVariant: 'default', width: '1440', maxHeight: '700') -> v:variable.set(name: 'headerImage')}
|
||||
</f:then>
|
||||
<f:else>
|
||||
{v:variable.set(name: 'headerImage', value: 'https://placehold.it/1440x700')}
|
||||
|
||||
@@ -29,10 +29,10 @@
|
||||
<f:if condition="{image.link}">
|
||||
<f:then>
|
||||
<a href="{f:uri.typolink(parameter: image.link)}" class="herounit__image" title="{image.title}"
|
||||
style="background-image: url({f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, width: '1440')})"></a>
|
||||
style="background-image: url({f:uri.image(image: image, cropVariant: 'default', width: '1440', maxHeight: '700')})"></a>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<div class="herounit__image" style="background-image: url({f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, width: '1440')})"></div>
|
||||
<div class="herounit__image" style="background-image: url({f:uri.image(image: image, cropVariant: 'default', width: '1440', maxHeight: '700')})"></div>
|
||||
</f:else>
|
||||
</f:if>
|
||||
</f:for>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<f:spaceless>
|
||||
<f:if condition="{offer.imageHeader.uid}">
|
||||
<f:then>
|
||||
{f:uri.image(src: offer.imageHeader.uid, treatIdAsReference: 1, crop: offer.imageHeader.crop, width: '1440') -> v:variable.set(name: 'headerImage')}
|
||||
{f:uri.image(image: offer.imageHeader, cropVariant: 'default', width: '1440', maxHeight: '700') -> v:variable.set(name: 'headerImage')}
|
||||
</f:then>
|
||||
<f:else>
|
||||
{v:variable.set(name: 'headerImage', value: 'https://placehold.it/1440x700')}
|
||||
|
||||
+2
-2
@@ -8,7 +8,7 @@
|
||||
<div id="carousel-{id}" class="slider__items">
|
||||
<f:for each="{images}" as="image" iteration="iteration">
|
||||
<f:link.typolink parameter="{image.originalResource.link}" class="slider__item">
|
||||
<img src="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, width: '770', height: '430c+100')}"
|
||||
<img src="{f:uri.image(src: image, width: '770', height: '430c+100')}"
|
||||
class="slider__image" alt="{image.alternative}" title="{image.title}">
|
||||
</f:link.typolink>
|
||||
</f:for>
|
||||
@@ -18,7 +18,7 @@
|
||||
<f:for each="{images}" as="image" iteration="iteration">
|
||||
<f:if condition="{iteration.cycle} <= 5">
|
||||
<a href="#" class="slider__thumb" data-slide="{iteration.index}">
|
||||
<img src="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, width: '150', height: '85c+100')}"
|
||||
<img src="{f:uri.image(image: image, width: '150', height: '85c+100')}"
|
||||
class="img-responsive" alt="{image.alternative}" title="{image.title}">
|
||||
</a>
|
||||
</f:if>
|
||||
|
||||
@@ -7,10 +7,16 @@
|
||||
<f:then>
|
||||
<picture>
|
||||
<f:if condition="{offer.imageTeaserMobile}">
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(src: offer.imageTeaserMobile.uid, treatIdAsReference: 1, maxWidth: '500', crop: offer.imageTeaserMobile.crop)} 500w"/>
|
||||
<f:then>
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(image: offer.imageTeaserMobile, width: '500', cropVariant: 'default')} 500w"/>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(image: offer.imageTeaser, width: '500', cropVariant: 'mobile')} 500w"/>
|
||||
</f:else>
|
||||
</f:if>
|
||||
<img class="card__image scale" src="{f:uri.image(src: offer.imageTeaser.uid, treatIdAsReference: 1, crop: offer.imageTeaser.crop, maxWidth: '500')}" alt="{offer.imageTeaser.alternative}">
|
||||
<img class="card__image scale" src="{f:uri.image(image: offer.imageTeaser, cropVariant: 'default', width: '500')}" alt="{offer.imageTeaser.alternative}">
|
||||
</picture>
|
||||
</f:then>
|
||||
<f:else>
|
||||
|
||||
@@ -17,10 +17,16 @@
|
||||
<f:then>
|
||||
<picture>
|
||||
<f:if condition="{offer.imageTeaserMobile}">
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(src: offer.imageTeaserMobile.uid, treatIdAsReference: 1, maxWidth: '500', crop: offer.imageTeaserMobile.crop)} 500w"/>
|
||||
<f:then>
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(image: offer.imageTeaserMobile, width: '500', cropVariant: 'default')} 500w"/>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(image: offer.imageTeaser, width: '500', cropVariant: 'mobile')} 500w"/>
|
||||
</f:else>
|
||||
</f:if>
|
||||
<img class="card__image scale" data-lazy="{f:uri.image(src: offer.imageTeaser.uid, treatIdAsReference: 1, crop: offer.imageTeaser.crop, maxWidth: '500')}" alt="{offer.imageTeaser.alternative}">
|
||||
<img class="card__image scale" data-lazy="{f:uri.image(image: offer.imageTeaser, cropVariant: 'default', width: '500')}" alt="{offer.imageTeaser.alternative}">
|
||||
</picture>
|
||||
</f:then>
|
||||
<f:else>
|
||||
|
||||
@@ -22,10 +22,16 @@
|
||||
<f:then>
|
||||
<picture>
|
||||
<f:if condition="{activity.imageTeaserMobile}">
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(src: activity.imageTeaserMobile.uid, treatIdAsReference: 1, maxWidth: '500', crop: activity.imageTeaserMobile.crop)} 500w"/>
|
||||
<f:then>
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(image: activity.imageTeaserMobile, width: '500', cropVariant: 'default')} 500w"/>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(image: activity.imageTeaser, width: '500', cropVariant: 'mobile')} 500w"/>
|
||||
</f:else>
|
||||
</f:if>
|
||||
<img class="card__image scale" data-lazy="{f:uri.image(src: activity.imageTeaser.uid, treatIdAsReference: 1, crop: activity.imageTeaser.crop, maxWidth: '500')}" alt="{activity.imageTeaser.alternative}">
|
||||
<img class="card__image scale" data-lazy="{f:uri.image(image: activity.imageTeaser, cropVariant: 'default', width: '500')}" alt="{activity.imageTeaser.alternative}">
|
||||
</picture>
|
||||
</f:then>
|
||||
<f:else>
|
||||
|
||||
+1
-1
@@ -12,7 +12,7 @@
|
||||
<span class="banner__title">{data.bodytext -> f:format.nl2br()}</span>
|
||||
<a class="button button--transparent" href="{f:uri.typolink(parameter: data.header_link)}" title="{data.header}">» {data.header}</a>
|
||||
</div>
|
||||
<div class="banner__image" style="background-image: url({f:uri.image(src: image.0.uid, treatIdAsReference: 1, crop: image.0.crop)})"></div>
|
||||
<div class="banner__image" style="background-image: url({f:uri.image(image: image.0, cropVariant: 'default', width: '800')})"></div>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
|
||||
+1
-1
@@ -10,7 +10,7 @@
|
||||
<f:spaceless>
|
||||
<f:if condition="{image.0.uid}">
|
||||
<f:then>
|
||||
{f:uri.image(src: image.0.uid, treatIdAsReference: 1, crop: image.0.crop, width: '1440') -> v:variable.set(name: 'headerImage')}
|
||||
{f:uri.image(image: image.0, cropVariant: 'default', width: '1440', maxHeight: '700') -> v:variable.set(name: 'headerImage')}
|
||||
</f:then>
|
||||
<f:else>
|
||||
{v:variable.set(name: 'headerImage', value: 'https://placehold.it/1440x700')}
|
||||
|
||||
+1
-1
@@ -7,7 +7,7 @@
|
||||
|
||||
<f:section name="Content">
|
||||
<a class="tile" href="{f:uri.typolink(parameter: data.header_link)}" title="{data.header}">
|
||||
<div class="tile__inner" style="background-image: url({f:uri.image(src: image.0.uid, treatIdAsReference: 1, crop: image.0.crop)})">
|
||||
<div class="tile__inner" style="background-image: url({f:uri.image(image: image.0, cropVariant: 'default')})">
|
||||
<div class="tile__caption {ep:sectionCssClass(sectionValue: data.tx_epevents_configurator_travel_type)}">
|
||||
<div class="tile__caption__inner">
|
||||
<img class="tile__icon" src="{f:uri.resource(path: 'images/{ep:sectionIcon(sectionValue: data.tx_epevents_configurator_travel_type)}', extensionName: 'ep_events')}" alt="{data.header}">
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
<f:if condition="{image}">
|
||||
<f:then>
|
||||
<img class="teaser__image"
|
||||
src="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, maxWidth: 500)}"
|
||||
src="{f:uri.image(image: image, cropVariant: 'default', width: '500')}"
|
||||
alt="{title} {subtitle}"{f:if(condition: link, then: ' v-on:click.prevent="scrollTo(\'{link}\')"')}>
|
||||
</f:then>
|
||||
<f:else>
|
||||
@@ -75,7 +75,8 @@
|
||||
<f:alias map="{image: offer.contact.image}">
|
||||
<f:if condition="{image}">
|
||||
<f:then>
|
||||
<f:image class="box__image" src="{image.uid}" treatIdAsReference="1" crop="{image.crop}" alt="{image.alternative}" width="600"/>
|
||||
<f:image class="box__image" image="{image}" cropVariant="default" alt="{image.alternative}"
|
||||
width="600" maxHeight="350"/>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<img class="box__image" src="https://placehold.it/600x350" alt="">
|
||||
|
||||
@@ -20,20 +20,19 @@
|
||||
rel="nofollow">
|
||||
<div class="card card--no-form searchresult-item__card">
|
||||
<div class="card__inner">
|
||||
<f:if condition="{offer.imageTeaser}">
|
||||
<f:then>
|
||||
<picture>
|
||||
<f:if condition="{offer.imageTeaserMobile}">
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(src: offer.imageTeaserMobile.uid, treatIdAsReference: 1, maxWidth: '500', crop: offer.imageTeaserMobile.crop)} 500w"/>
|
||||
</f:if>
|
||||
<img class="card__image scale" src="{f:uri.image(src: offer.imageTeaser.uid, treatIdAsReference: 1, crop: offer.imageTeaser.crop, maxWidth: '500')}" alt="{offer.imageTeaser.alternative}">
|
||||
</picture>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<img class="card__image scale" src="https://placehold.it/370x300" alt="Platzhalter">
|
||||
</f:else>
|
||||
</f:if>
|
||||
<picture>
|
||||
<f:if condition="{offer.imageTeaserMobile}">
|
||||
<f:then>
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(image: offer.imageTeaserMobile, width: '500', cropVariant: 'default')} 500w"/>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<source media="(max-width: 512px)"
|
||||
srcset="{f:uri.image(image: offer.imageTeaser, width: '500', cropVariant: 'mobile')} 500w"/>
|
||||
</f:else>
|
||||
</f:if>
|
||||
<img class="card__image scale" src="{f:uri.image(image: offer.imageTeaser, cropVariant: 'default', width: '500')}" alt="{offer.imageTeaser.alternative}">
|
||||
</picture>
|
||||
<div class="card__caption">
|
||||
<span class="card__subtitle">{offer.name -> ep:softHyphen()}</span>
|
||||
<span class="card__title">{offer.location.name -> ep:softHyphen()}</span>
|
||||
|
||||
@@ -16,7 +16,9 @@
|
||||
<div class="carousel__item testimonial">
|
||||
<f:if condition="{testimonial.clientImage}">
|
||||
<f:then>
|
||||
<f:image class="testimonial__image" src="{testimonial.clientImage.uid}" treatIdAsReference="1" alt="{testimonial.clientImage.alternative}" width="160" height="160c"/>
|
||||
<f:image class="testimonial__image" image="{testimonial.clientImage}"
|
||||
alt="{testimonial.clientImage.alternative}" width="160" height="160c"
|
||||
cropVariant="default"/>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<img class="testimonial__image" src="https://placehold.it/160x160" alt="Platzhalter">
|
||||
|
||||
@@ -1,31 +0,0 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
$GLOBALS['TCA']['sys_file_reference']['columns']['crop']['config']['cropVariants'] = [
|
||||
'default' => [
|
||||
'title' => 'Default',
|
||||
'allowedAspectRatios' => [
|
||||
'epEventsTeaserSliderDesktop' => [
|
||||
'title' => 'EP Events: Teaser Slider Desktop',
|
||||
'value' => 1,
|
||||
],
|
||||
'epEventsTeaserSliderMobile' => [
|
||||
'title' => 'EP Events: Teaser Slider Mobile',
|
||||
'value' => 1.7857
|
||||
],
|
||||
'epEventsHeaderLarge' => [
|
||||
'title' => 'EP Events: Header groß',
|
||||
'value' => 2.0571,
|
||||
],
|
||||
'epEventsHeaderOffer' => [
|
||||
'title' => 'EP Events: Header Beispielangebot',
|
||||
'value' => 2.63333333333333,
|
||||
],
|
||||
'free' => [
|
||||
'title' => 'Frei',
|
||||
'value' => 'NaN',
|
||||
],
|
||||
],
|
||||
],
|
||||
];
|
||||
**/
|
||||
Reference in New Issue
Block a user