{% 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 %} <div class="p-4 flex flex-1 flex-col space-y-2"> <h3 class="text-md font-bold text-gray-900 leading-tight"> {{ product.name }} </h3> <div class="flex flex-1 flex-col justify-end"> <p class="text-sm text-gray-500">{{ 'Produktcode' | trans }} {{ product.code }}</p> </div> </div></a>