wip
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
<div class="col-12 col-md-6 mt-0 mb-15">
|
||||
<div class="promobox promobox--type-04 position-relative d-flex flex-column align-items-center text-center">
|
||||
<div class="image-animation-trigger w-100">
|
||||
<a href="{{ $banner->link }}" class="w-100">
|
||||
|
||||
<div class="image-animation image-animation--from-center image-animation--to-right">
|
||||
<div class="rimage" style="padding-top:72.98245614035088%; min-height: 400px;">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
|
||||
data-master="{{ $banner->image() }}"
|
||||
data-aspect-ratio="1.3701923076923077"
|
||||
|
||||
data-srcset="{{ $banner->image() }} 1x, {{ $banner->image() }} 2x"
|
||||
data-scale-perspective="1.1"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="promobox__content absolute-stretch d-flex flex-column flex-center px-15 py-7 overflow-hidden pointer-events-none">
|
||||
{{-- <p class="promobox__text-line-01 h5 mb-5">NEW ARRIVALS</p> --}}
|
||||
<p class="promobox__text-line-02 h2 mt-5 mb-0" style="color: {{ $banner->textColor() }};">{{ $banner->title }}</p>
|
||||
<p class="promobox__text-line-03 h6 mt-10 mb-0" style="color: {{ $banner->textColor() }};">{{ $banner->description }}</p>
|
||||
<a href="{{ $banner->link }}" class="promobox__btn btn px-20 mt-25 pointer-events-all btn--secondary">{{ __('DISCOVER MORE') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
@php
|
||||
$homepage_two_grid_banners = App\Models\CMS\Media\Banner::with('media')->where('place', 'homepage_2_grid')->get();
|
||||
@endphp
|
||||
|
||||
<div id="theme-section-two-grid-banners" class="theme-section">
|
||||
<div data-section-id="two-grid-banners" data-section-type="home-builder" class="container"
|
||||
>
|
||||
|
||||
<div class="overflow-x-hidden">
|
||||
<div class="row mt-0 mb-45 justify-content-start align-items-start">
|
||||
@foreach($homepage_two_grid_banners as $banner)
|
||||
@include('web.themes.shella.components.banners.2-grid-banner-item', ['banner' => $banner])
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "home_builder"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
@php
|
||||
$homepage_three_main_banners = App\Models\CMS\Media\Banner::with('media')->where('place', 'homepage_categories')->where('is_visible', true)->get();
|
||||
@endphp
|
||||
|
||||
<div id="theme-section-1537197792650" class="theme-section">
|
||||
<div data-section-id="1537197792650" data-section-type="home-builder" class="container" style="max-width: 90%;">
|
||||
|
||||
<div class="overflow-x-hidden">
|
||||
<div class="row mt-0 mb-40 justify-content-start align-items-start">
|
||||
@foreach($homepage_three_main_banners as $banner)
|
||||
@include('web.themes.shella.components.banners.three-main-category-item', ['banner' => $banner])
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Loader.require({
|
||||
type: "script",
|
||||
name: "home_builder"
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
<div class="col-12 col-md-4 mt-0 mb-10 mb-sm-15 mb-md-15 mb-lg-15 mb-xl-15">
|
||||
<div class="promobox promobox--type-05 image-animation-trigger position-relative d-flex flex-column align-items-center text-center">
|
||||
<a href="{{ $banner->category?->productsPage() }}" class="w-100">
|
||||
|
||||
<div class="image-animation image-animation--from-default image-animation--to-center image-animation--to-opacity">
|
||||
<div class="rimage" style="padding-top:72.97297297297297%;">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
|
||||
class="rimage__img rimage__img--fade-in lazyload"
|
||||
data-master="{{ $banner->image() }}"
|
||||
data-aspect-ratio="1.3703703703703705"
|
||||
data-srcset="{{ $banner->image() }} 1x, {{ $banner->image() }} 2x"
|
||||
data-scale-perspective="1.1"
|
||||
alt="">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="promobox__plate promobox__plate--hovered position-absolute d-flex flex-column flex-center px-10 py-7 pointer-events-none">
|
||||
<a href="{{ $banner->category?->productsPage() }}" class="pointer-events-all">
|
||||
<p class="promobox__text-line-01 h5 position-relative m-0">{{ $banner->category?->name }}</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="promobox__content-scale position-absolute d-none d-lg-flex flex-column flex-center px-15 py-7 pointer-events-none">
|
||||
<a href="{{ $banner->category?->productsPage() }}" class="pointer-events-all">
|
||||
<p class="promobox__text-line-01 h5 position-relative m-0">{{ $banner->category?->name }}</p>
|
||||
</a>
|
||||
<ul class="promobox__list list-unstyled position-relative mt-5 overflow-hidden pointer-events-all">
|
||||
@if($banner->category)
|
||||
@foreach($banner->category->children->take(4) as $category_child)
|
||||
<li><a href="{{ $category_child->productsPage() }}">{{ $category_child->name }}</a></li>
|
||||
@endforeach
|
||||
@endif
|
||||
<li><a href="{{ $banner->category?->productsPage() }}">{{ __('See All') }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user