44 lines
2.7 KiB
PHP
44 lines
2.7 KiB
PHP
@php
|
|
$homepage_hero_carousels = App\Models\CMS\Media\Carousel::with('media')->where('place', 'homepage')->where('is_visible', true)->ordered()->get();
|
|
@endphp
|
|
|
|
<div id="theme-section-1551844786848" class="theme-section">
|
|
<div data-section-id="1551844786848" data-section-type="home-builder">
|
|
<div class="overflow-x-hidden">
|
|
<div class="row mt-0 mb-0 justify-content-start align-items-start">
|
|
<div class="col-12 col-md-12 mt-0 mb-0">
|
|
<div class="slider position-relative">
|
|
<div class="slider__prev d-none d-lg-block position-absolute cursor-pointer" data-js-slider-prev>
|
|
<i>
|
|
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-006" viewBox="0 0 24 24">
|
|
<path d="M16.736 3.417a.652.652 0 0 1-.176.449l-8.32 8.301 8.32 8.301c.117.13.176.28.176.449s-.059.319-.176.449a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.93.93 0 0 1-.215-.127l-8.75-8.75a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449l8.75-8.75a.652.652 0 0 1 .449-.176c.169 0 .319.059.449.176.117.13.176.28.176.449z" />
|
|
</svg>
|
|
</i>
|
|
</div>
|
|
|
|
<div class="slider__slick" data-js-slider-slick data-arrows="true" data-bullets="true" data-speed="7">
|
|
@foreach($homepage_hero_carousels as $carousel)
|
|
@include('web.themes.shella.components.carousel.hero-carousel-item', ['carousel' => $carousel])
|
|
@endforeach
|
|
</div>
|
|
|
|
<div class="slider__next d-none d-lg-block position-absolute cursor-pointer" data-js-slider-next>
|
|
<i>
|
|
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-007" viewBox="0 0 24 24">
|
|
<path d="M6.708 20.917c0-.169.059-.319.176-.449l8.32-8.301-8.32-8.301a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l8.75 8.75c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-8.75 8.75a.91.91 0 0 1-.215.127c-.078.032-.156.049-.234.049s-.156-.017-.234-.049a.91.91 0 0 1-.215-.127.652.652 0 0 1-.176-.449z" />
|
|
</svg>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
Loader.require({
|
|
type: "script",
|
|
name: "home_builder"
|
|
});
|
|
</script>
|
|
</div>
|