Assign cropvariants for ep-events

This commit is contained in:
Björn Fromme
2018-09-21 18:52:53 +02:00
parent e668c5389c
commit 9c100c6ba0
27 changed files with 306 additions and 71 deletions
@@ -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')
@@ -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')
@@ -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
],
@@ -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">&raquo; 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')}
@@ -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>
@@ -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}">&raquo; {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>
@@ -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')}
@@ -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',
],
],
],
];
**/