Add concept label to product detail page header

This commit is contained in:
Björn Fromme
2022-03-08 15:44:05 +01:00
parent 38f7d44b8b
commit 06f7d4832a
@@ -28,7 +28,7 @@
<span class="block text-2xl md:text-3xl lg:text-4xl font-bold text-white uppercase"> <span class="block text-2xl md:text-3xl lg:text-4xl font-bold text-white uppercase">
{product.region.name} {product.region.name}
</span> </span>
<div class="flex space-x-4 mt-4"> <div class="flex items-center space-x-4 mt-4">
<svg class="w-8 h-6 md:w-10 md:h-8"> <svg class="w-8 h-6 md:w-10 md:h-8">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-flag-{product.country.code -> f:format.case(mode: 'lower')}"></use> <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-flag-{product.country.code -> f:format.case(mode: 'lower')}"></use>
</svg> </svg>
@@ -48,6 +48,11 @@
</a> </a>
</f:else> </f:else>
</f:if> </f:if>
<f:if condition="{product.concept}">
<div class="bg-concept-{product.concept.code} flex items-center text-white font-semibold leading-none uppercase h-6 md:h-8 px-2">
{product.concept.name}
</div>
</f:if>
</div> </div>
<f:if condition="{referringUrl}"> <f:if condition="{referringUrl}">
<a href="{referringUrl}" class="button button--small mt-8"> <a href="{referringUrl}" class="button button--small mt-8">