Streamline teasergroup rendering

This commit is contained in:
Björn Fromme
2022-03-14 17:53:56 +01:00
parent f958f50b24
commit ccbcb16818
2 changed files with 45 additions and 22 deletions
@@ -209,7 +209,7 @@ page {
page.bodyTagCObject.value = <body class="antialiased text-gray-800 font-sans bg-white p-4"> page.bodyTagCObject.value = <body class="antialiased text-gray-800 font-sans bg-white p-4">
[end] [end]
[like(request.getHttpUserAgent(), "*Googlebot*")] [like(request.getNormalizedParams().getHttpUserAgent(), "*Googlebot*")]
page.headerData.998 > page.headerData.998 >
page.headerData.999 > page.headerData.999 >
[end] [end]
@@ -26,27 +26,50 @@
<div class="col-span-3 lg:col-span-2"> <div class="col-span-3 lg:col-span-2">
<f:render partial="City/Details" arguments="{city: city}"/> <f:render partial="City/Details" arguments="{city: city}"/>
<f:if condition="{teasers}"> <f:if condition="{teasers}">
<div class="flex flex-col space-y-4 md:space-y-8"> <a id="teasers" class="anchor"></a>
<f:for each="{teasers}" as="teaser" iteration="iteration"> <div class="bg-gray-50 p-4 mb-4"
<f:render partial="Product/Teaser" section="Teaser" arguments="{ data-controller="teasergrid"
concept: teaser.concept, data-teasergrid-grid-class="grid-cols-2"
hotel: teaser.hotel, data-teasergrid-disabled-value="false">
product: teaser.product, <div class="flex items-center space-x-1 mb-2 sm:hidden">
country: teaser.country, <button type="button"
region: teaser.region, class="opacity-50"
productImage: teaser.product.images.original.0, data-action="teasergrid#grid"
nights: teaser.nights, data-teasergrid-target="button">
board: teaser.board, <svg class="w-5 h-5 text-ep-primary">
minPrice: teaser.minPrice, <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-teaser-grid"></use>
daytrip: teaser.daytrip, </svg>
season: teaser.season, </button>
forceHotelUid: teaser.forceHotelUid, <button type="button"
dateFrom: dateFrom, data-action="teasergrid#block"
dateTo: dateTo, data-teasergrid-target="button">
landscape: 1, <svg class="w-5 h-5 text-ep-primary">
index: iteration.index <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-teaser-single"></use>
}"/> </svg>
</f:for> </button>
</div>
<div class="grid grid-cols-2 xl:grid-cols-3 gap-4 md:gap-8"
data-teasergrid-target="container">
<f:for each="{teasers}" as="teaser" iteration="iteration">
<f:render partial="Product/Teaser" section="Teaser" arguments="{
concept: teaser.concept,
hotel: teaser.hotel,
product: teaser.product,
country: teaser.country,
region: teaser.region,
productImage: teaser.product.images.original.0,
nights: teaser.nights,
board: teaser.board,
minPrice: teaser.minPrice,
daytrip: teaser.daytrip,
season: teaser.season,
forceHotelUid: teaser.forceHotelUid,
dateFrom: dateFrom,
dateTo: dateTo,
index: iteration.index
}"/>
</f:for>
</div>
</div> </div>
<f:if condition="{settings.showMoreLink}"> <f:if condition="{settings.showMoreLink}">
<f:link.action pageUid="{settings.defaultStaticSearchPageUid}" class="button my-8" <f:link.action pageUid="{settings.defaultStaticSearchPageUid}" class="button my-8"