@if ($velocityMetaData && $velocityMetaData->slider)
    @if (count($sliderData))
<div class="slider">
    <div class=""> 
            <!-- Slider main container -->
            <div class="swiper-container">
                <!-- Additional required wrapper -->
                <div class="swiper-wrapper columns-4 products">
                    @foreach ($sliderData as $slider)
                    <div class="swiper-slide"  data-swiper-autoplay="3000"><img class="col-12 no-padding banner-icon" src="{{ Storage::url($slider['path']) }}" alt=""/></div>
                    @endforeach
                </div>

                <!-- If we need navigation buttons -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-pagination"> </div>
           </div>
</div>
</div>
@endif

@endif