@foreach($products as $product)

{{--    <li class="item-product w-100 border-right" onclick="productModel({{$product}})" data-toggle="modal" data-image="{!! asset($product->image) !!}" data-target="#image-gallery" data-image-id="">--}}
    <li class="item-product w-100 border-right" onclick="productModel({{$product}})">
    <div class="prod-img mx-auto mb-3 d-flex align-items-center justify-content-center">
        <img src="{{ imageUrl(($product->image),313,246,95,2) }}" class="img-fluid" alt="">
    </div>
    <div class="prod-detail text-center">
        <div class="title text-truncate">{{ $product->translation->title }}</div>
    </div>
</li>
@endforeach