Ensure teaser layout when not linked
This commit is contained in:
@@ -5,8 +5,8 @@
|
||||
|
||||
<f:section name="Teaser">
|
||||
<f:link.typolink parameter="{city.detailPage}"
|
||||
title="{city.name}"
|
||||
class="flex flex-col">
|
||||
title="{city.name}">
|
||||
<div class="flex flex-col">
|
||||
<div class="relative">
|
||||
<svg class="w-8 h-6 absolute top-0 left-0">
|
||||
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-flag-{city.country.code -> f:format.case(mode: 'lower')}"></use>
|
||||
@@ -28,6 +28,7 @@
|
||||
class="button w-full">
|
||||
{f:translate(key: 'tx_eptheme.label.teaserbutton.default', extensionName: 'ep_theme')}
|
||||
</button>
|
||||
</div>
|
||||
</f:link.typolink>
|
||||
</f:section>
|
||||
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
|
||||
<f:section name="Teaser">
|
||||
<f:link.typolink parameter="{concept.detailPage}"
|
||||
title="{concept.name}"
|
||||
class="flex flex-col">
|
||||
title="{concept.name}">
|
||||
<div class="flex flex-col">
|
||||
<div class="relative">
|
||||
<ep:lazyLoadImage image="{concept.teaserImage}"
|
||||
loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
|
||||
@@ -24,6 +24,7 @@
|
||||
{concept.teaser -> f:format.crop(maxCharacters: settings.teaserTextMaxChars) -> f:format.html()}
|
||||
</div>
|
||||
<div class="bg-concept-{concept.code} h-1 w-20"></div>
|
||||
</div>
|
||||
</f:link.typolink>
|
||||
</f:section>
|
||||
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
|
||||
<f:section name="Teaser">
|
||||
<f:link.typolink parameter="{hotel.detailPage}"
|
||||
title="{hotel.name}"
|
||||
class="flex flex-col">
|
||||
title="{hotel.name}">
|
||||
<div class="flex flex-col">
|
||||
<div class="relative">
|
||||
<svg class="w-8 h-6 absolute top-0 left-0">
|
||||
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-flag-{hotel.country.code -> f:format.case(mode: 'lower')}"></use>
|
||||
@@ -38,6 +38,7 @@
|
||||
class="button w-full">
|
||||
{f:translate(key: 'tx_eptheme.label.teaserbutton.default', extensionName: 'ep_theme')}
|
||||
</button>
|
||||
</div>
|
||||
</f:link.typolink>
|
||||
</f:section>
|
||||
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
|
||||
<f:section name="Teaser">
|
||||
<f:link.typolink parameter="{region.detailPage}"
|
||||
title="{region.name}"
|
||||
class="flex flex-col">
|
||||
title="{region.name}">
|
||||
<div class="flex flex-col">
|
||||
<div class="relative">
|
||||
<svg class="w-8 h-6 absolute top-0 left-0">
|
||||
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-flag-{region.country.code -> f:format.case(mode: 'lower')}"></use>
|
||||
@@ -28,6 +28,7 @@
|
||||
class="button w-full">
|
||||
{f:translate(key: 'tx_eptheme.label.teaserbutton.default', extensionName: 'ep_theme')}
|
||||
</button>
|
||||
</div>
|
||||
</f:link.typolink>
|
||||
</f:section>
|
||||
|
||||
|
||||
@@ -5,7 +5,8 @@
|
||||
|
||||
<f:section name="Teaser">
|
||||
<f:link.typolink parameter="{data.header_link}"
|
||||
class="flex flex-col group">
|
||||
class="group">
|
||||
<div class="flex flex-col">
|
||||
<div class="relative">
|
||||
<f:if condition="{context.country}">
|
||||
<svg class="w-8 h-6 absolute top-0 left-0">
|
||||
@@ -29,6 +30,7 @@
|
||||
class="button w-full">
|
||||
{data.button -> v:or(alternative: 'Details')}
|
||||
</button>
|
||||
</div>
|
||||
</f:link.typolink>
|
||||
</f:section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user