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
+12 -7
View File
@@ -15,11 +15,11 @@
<div data-rte-content>
{product.teaserLong -> f:format.html()}
</div>
<div class="headerbar">
Wähle deine Unterkunft
</div>
<f:if condition="{hotels}">
<f:then>
<div class="headerbar">
Wähle deine Unterkunft
</div>
<div class="flex flex-col space-y-4 md:space-y-8">
<f:for each="{hotels}" as="item">
<f:render partial="Product/Teaser" section="Teaser" arguments="{
@@ -43,10 +43,15 @@
</div>
</f:then>
<f:else>
<div class="alert alert-info">
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>
oder schreibe an <f:link.email email="[email protected]"/>.
<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,
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]"/>.
</div>
</div>
</f:else>
</f:if>