themes/tella/layouts/products/summary.html aktualisiert

themes/tella/layouts/products/summary.html

@@ -6,12 +6,18 @@
     margin-top: 2%;
   }
 
-  .product-image-custom {
+  .product-image-custom img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
+
+ .product-image-custom img {
+  width: 100%;
+  height: 220px;
+  overflow: hidden;
+  }
 </style>
 
 <a href="{{ .Permalink }}" class="transform hover:-translate-y-1 hover:shadow-md duration-500">
@@ -19,7 +25,9 @@
         <h2 class="text-3xl title-product-summary text-white-custom">
             {{ .Title }}
         </h2>
-        <img src="{{ .Params.image | relURL }}" alt="-product-image-" class="product-image-custom">
+        <div class="product-image-custom">
+          <img src="{{ .Params.image | relURL }}" alt="-product-image-">
+        </div>
         <p class="description-product-summary text-white-custom">{{ .Description }}</p>
     </div>
 </a>