{% set detailLink = app_product_detaillink(product) %}<a href="{{ detailLink }}" class="relative flex flex-col overflow-hidden bg-gray-100 hover:shadow-xl-center rounded-lg transition ease duration-300"> <div class="w-full overflow-hidden lg:h-50 px-3 pt-3"> {{ (product.mainImage is not empty ? product.mainImage.thumbnail('productThumbnail').html : pimcore_asset_by_path('/System/missing.png').thumbnail('productThumbnail').html ) | raw }} {# class="w-full h-full object-center object-cover sm:w-full sm:h-full" #} </div> {% if product.discontinued %} <span class="absolute top-2 right-2 bg-brand-600 text-center text-white text-xs rounded-full px-2 py-1">Auslaufartikel</span> {% endif %} {% if product.productGroup %} <div class="flex" style="max-width: 9rem"> <span class="text-white text-sm rounded-r-full pl-4 pr-8 py-1 w-fit mt-4" style="background-color: {{ product.productGroup.color | slice(0,7) }};">{{ product.productGroup.name }}</span> </div> {% endif %} <div class="p-4 flex flex-1 flex-col space-y-2"> <h3 class="text-md text-gray-900 leading-tight"> {{ product.name }} </h3> <div class="flex flex-1 flex-col justify-end"> <p class="text-sm text-gray-500">{{ product.code }}</p> </div> </div></a>