Add concept label to product detail page header

2022-03-08 15:44:05 +01:00
parent 38f7d44b8b
commit 06f7d4832a
1 changed files with 6 additions and 1 deletions
@@ -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">