EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve hotel list layout in case of empty list

Browse Source
This commit is contained in:
Björn Fromme
2022-03-14 15:52:48 +01:00
parent 0effeb6be9
commit 9982027d90
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/HotelList.html
+8 -3
View File
@@ -15,11 +15,11 @@
<div data-rte-content> <div data-rte-content>
{product.teaserLong -> f:format.html()} {product.teaserLong -> f:format.html()}
</div> </div>
<f:if condition="{hotels}">
<f:then>
<div class="headerbar"> <div class="headerbar">
Wähle deine Unterkunft Wähle deine Unterkunft
</div> </div>
<f:if condition="{hotels}">
<f:then>
<div class="flex flex-col space-y-4 md:space-y-8"> <div class="flex flex-col space-y-4 md:space-y-8">
<f:for each="{hotels}" as="item"> <f:for each="{hotels}" as="item">
<f:render partial="Product/Teaser" section="Teaser" arguments="{ <f:render partial="Product/Teaser" section="Teaser" arguments="{
@@ -43,11 +43,16 @@
</div> </div>
</f:then> </f:then>
<f:else> <f:else>
<div class="alert alert-info"> <div class="flex items-center space-x-4 text-lg p-4 mb-4 bg-gray-50">
<svg class="w-6 h-6">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-emoji-sad"></use>
</svg>
<div class="flex-1" data-rte-content>
Die von dir gewählte Reise ist aktuell nicht buchbar, aber wir helfen dir gerne dabei, Die von dir gewählte Reise ist aktuell nicht buchbar, aber wir helfen dir gerne dabei,
eine andere Reise zu finden. Ruf uns an unter <a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" title="Service Telefon anrufen" rel="nofollow">{settings.phoneNumber}</a> eine andere Reise zu finden. Ruf uns an unter <a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" title="Service Telefon anrufen" rel="nofollow">{settings.phoneNumber}</a>
oder schreibe an <f:link.email email="[email protected]"/>. oder schreibe an <f:link.email email="[email protected]"/>.
</div> </div>
</div>
</f:else> </f:else>
</f:if> </f:if>
</div> </div>