@php
    if ($product->hasImage()) {
        $product->i18n()->gallery->prepend($product->getImage());
    }
@endphp
{{--<div class="item-page__body-img">
    @if($image = $product->i18n()->gallery->first())
        <figure class="item-page__img"><img src="{{ $image->resize(536, 639) }}" width="536" height="639" alt="{{ $product->name }}"></figure>
    @endif
</div> --}}
<div class="product__left">
    <div class="product-gallery flex flex--stretch">
        <div class="product-gallery__nav flex flex--column flex--space-between">
            @foreach ($product->i18n()->gallery as $img)
                <a href="{{ $page->url }}#gallery-img-{{ $loop->iteration }}" class="url">
                    <img src="{{ $img->adaptive(150, 110) }}" alt="{{ $img->getName() }}">
                </a>
            @endforeach
        </div>
        <div class="product-gallery__slider owl-carousel">
            @foreach ($product->i18n()->gallery as $img)
                <div data-hash="gallery-img-{{ $loop->iteration }}" class="product-gallery__slider-item">
                    <img itemprop="image" src="{{ $img->adaptive(1000, 714) }}" alt="{{ $img->getName() }}">
                </div>
            @endforeach
        </div>
    </div>
</div>