64 lines
3.4 KiB
PHP
64 lines
3.4 KiB
PHP
<div class="sticky-top z-3 row gutters-10">
|
|
@if($detailedProduct->photos != null)
|
|
@php
|
|
$photos = explode(',', $detailedProduct->photos);
|
|
@endphp
|
|
<!-- Gallery Images -->
|
|
<div class="col-12">
|
|
<div class="aiz-carousel product-gallery arrow-inactive-transparent arrow-lg-none" data-nav-for='.product-gallery-thumb' data-fade='true' data-auto-height='true' data-arrows='true'>
|
|
|
|
@foreach ($photos as $key => $photo)
|
|
<div class="carousel-box img-zoom rounded-0">
|
|
<img class="img-fluid h-auto lazyload mx-auto"
|
|
src="{{ static_asset('assets/img/placeholder.jpg') }}"
|
|
data-src="{{ uploaded_asset($photo) }}"
|
|
onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">
|
|
</div>
|
|
@endforeach
|
|
|
|
@if ($detailedProduct->digital == 0)
|
|
@foreach ($detailedProduct->stocks as $key => $stock)
|
|
@if ($stock->image != null)
|
|
<div class="carousel-box img-zoom rounded-0">
|
|
<img class="img-fluid h-auto lazyload mx-auto"
|
|
src="{{ static_asset('assets/img/placeholder.jpg') }}"
|
|
data-src="{{ uploaded_asset($stock->image) }}"
|
|
onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">
|
|
</div>
|
|
@endif
|
|
@endforeach
|
|
@endif
|
|
|
|
</div>
|
|
</div>
|
|
<!-- Thumbnail Images -->
|
|
<div class="col-12 mt-3 d-none d-lg-block">
|
|
<div class="aiz-carousel product-gallery-thumb" data-items='7' data-nav-for='.product-gallery' data-focus-select='true' data-arrows='true' data-vertical='false' data-auto-height='true'>
|
|
|
|
@foreach ($photos as $key => $photo)
|
|
<div class="carousel-box c-pointer rounded-0">
|
|
<img class="lazyload mw-100 size-60px mx-auto border p-1"
|
|
src="{{ static_asset('assets/img/placeholder.jpg') }}"
|
|
data-src="{{ uploaded_asset($photo) }}"
|
|
onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">
|
|
</div>
|
|
@endforeach
|
|
|
|
@if ($detailedProduct->digital == 0)
|
|
@foreach ($detailedProduct->stocks as $key => $stock)
|
|
@if ($stock->image != null)
|
|
<div class="carousel-box c-pointer rounded-0"
|
|
data-variation="{{ $stock->variant }}">
|
|
<img class="lazyload mw-100 size-60px mx-auto border p-1"
|
|
src="{{ static_asset('assets/img/placeholder.jpg') }}"
|
|
data-src="{{ uploaded_asset($stock->image) }}"
|
|
onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">
|
|
</div>
|
|
@endif
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
</div>
|
|
|
|
@endif
|
|
</div> |