Merge pull request #4994 from devansh-webkul/image-strecting

Fixed Image Stretching Issue #4992
This commit is contained in:
Glenn Hermans 2021-07-05 19:27:39 +02:00 committed by GitHub
commit eabb3e9f9c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 20 additions and 6 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,5 @@
{
"/js/velocity.js": "/js/velocity.js?id=1c12a991b9a3d04715bd",
"/css/velocity-admin.css": "/css/velocity-admin.css?id=4322502d80a0e4a0affd",
"/css/velocity.css": "/css/velocity.css?id=538a341507dd6592ac27"
"/css/velocity.css": "/css/velocity.css?id=1128e04b7f7920dfa37a"
}

View File

@ -235,6 +235,17 @@
border: none !important;
margin: 0 5px 10px 10px;
.category-product-image-container {
margin: 0 auto;
height: 190px;
position: relative;
img {
max-width: 100%;
max-height: 100%;
}
}
.product-image-container {
max-height: 190px;
position: relative;
@ -354,7 +365,7 @@
display: block;
}
.product-image-container {
.category-product-image-container, .product-image-container {
overflow: hidden;
img {

View File

@ -119,7 +119,7 @@
<a
href="{{ route('shop.productOrCategory.index', $product->url_key) }}"
title="{{ $product->name }}"
class="product-image-container">
class="{{ $cardClass ?? 'product-image-container' }}">
<img
loading="lazy"

View File

@ -108,11 +108,14 @@
@foreach ($results as $productFlat)
@if ($toolbarHelper->getCurrentMode() == 'grid')
@include('shop::products.list.card', ['product' => $productFlat->product])
@include('shop::products.list.card', [
'cardClass' => 'category-product-image-container',
'product' => $productFlat->product,
])
@else
@include('shop::products.list.card', [
'list' => true,
'product' => $productFlat->product
'product' => $productFlat->product,
])
@endif
@endforeach