From 06f7d4832a1178c457e69d0790ac42552376a703 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 8 Mar 2022 15:44:05 +0100
Subject: [PATCH] Add concept label to product detail page header

---
 .../Resources/Private/Partials/Product/HeaderDetail.html   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
index 7ad541bf..6c5d3235 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
@@ -28,7 +28,7 @@
                                         <span class="block text-2xl md:text-3xl lg:text-4xl font-bold text-white uppercase">
                                             {product.region.name}
                                         </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">
                                                 <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>
@@ -48,6 +48,11 @@
                                                     </a>
                                                 </f:else>
                                             </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>
                                         <f:if condition="{referringUrl}">
                                             <a href="{referringUrl}" class="button button--small mt-8">