Actualizacion menu superior en mobile

This commit is contained in:
kquiroz
2023-08-18 10:35:57 -04:00
parent 84904eca6a
commit c0218e0a07
11 changed files with 836 additions and 107 deletions

View File

@@ -2,44 +2,19 @@
@section('content')
<!-- Sliders & Today's deal -->
<div class="home-banner-area mb-3" style="">
<div class="home-banner-area mb-3 m-top-5" style="">
<div class="container">
<div class="d-flex flex-wrap position-relative">
<!-- para quitar categorias staticas, comentar este div -->
<!-- <div class="position-static d-none d-xl-block">
@include('frontend.partials.category_menu')
</div> -->
<!-- para quitar categorias staticas, comentar este div -->
<!-- Promo Banners -->
<!-- Banner section 1 -->
@if (get_setting('home_banner1_images') != null)
<div class="mb-2 mb-md-3 mt-2 mt-md-3">
<div class="container">
@php
$banner_1_imags = json_decode(get_setting('home_banner1_images'));
$data_md = count($banner_1_imags) >= 2 ? 2 : 1;
@endphp
<div class="w-100">
<div class="aiz-carousel gutters-16 overflow-hidden arrow-inactive-none arrow-dark arrow-x-15" data-items="{{ count($banner_1_imags) }}" data-xxl-items="{{ count($banner_1_imags) }}" data-xl-items="{{ count($banner_1_imags) }}" data-lg-items="{{ $data_md }}" data-md-items="{{ $data_md }}" data-sm-items="1" data-xs-items="1" data-arrows="true" data-dots="false">
@foreach ($banner_1_imags as $key => $value)
<div class="carousel-box overflow-hidden hov-scale-img">
<a href="{{ json_decode(get_setting('home_banner1_links'), true)[$key] }}" class="d-block text-reset overflow-hidden" style="border-radius: 15px;">
<img src="{{ static_asset('assets/img/placeholder-rect.jpg') }}" data-src="{{ uploaded_asset($value) }}"
alt="{{ env('APP_NAME') }} promo" class="img-fluid lazyload w-100 has-transition" onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder-rect.jpg') }}';">
</a>
</div>
@endforeach
</div>
</div>
</div>
</div>
@endif
<!-- Promo Banners End -->
@php
$num_todays_deal = count($todays_deal_products);
@endphp
<!-- Sliders -->
<div class="home-slider-lapieza">
<div class="home-slider">
@if (get_setting('home_slider_images') != null)
<div class="aiz-carousel dots-inside-bottom mobile-img-auto-height" data-autoplay="true">
@php $slider_images = json_decode(get_setting('home_slider_images'), true); @endphp
@@ -221,7 +196,29 @@
</div>
<!-- Banner section 1 -->
@if (get_setting('home_banner1_images') != null)
<div class="mb-2 mb-md-3 mt-2 mt-md-3">
<div class="container">
@php
$banner_1_imags = json_decode(get_setting('home_banner1_images'));
$data_md = count($banner_1_imags) >= 2 ? 2 : 1;
@endphp
<div class="w-100">
<div class="aiz-carousel gutters-16 overflow-hidden arrow-inactive-none arrow-dark arrow-x-15" data-items="{{ count($banner_1_imags) }}" data-xxl-items="{{ count($banner_1_imags) }}" data-xl-items="{{ count($banner_1_imags) }}" data-lg-items="{{ $data_md }}" data-md-items="{{ $data_md }}" data-sm-items="1" data-xs-items="1" data-arrows="true" data-dots="false">
@foreach ($banner_1_imags as $key => $value)
<div class="carousel-box overflow-hidden hov-scale-img">
<a href="{{ json_decode(get_setting('home_banner1_links'), true)[$key] }}" class="d-block text-reset overflow-hidden">
<img src="{{ static_asset('assets/img/placeholder-rect.jpg') }}" data-src="{{ uploaded_asset($value) }}"
alt="{{ env('APP_NAME') }} promo" class="img-fluid lazyload w-100 has-transition" onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder-rect.jpg') }}';">
</a>
</div>
@endforeach
</div>
</div>
</div>
</div>
@endif
<!-- Featured Categories -->
@if (count($featured_categories) > 0)
@@ -239,11 +236,11 @@
<a class="text-blue fs-10 fs-md-12 fw-700 hov-text-primary animate-underline-primary" href="{{ route('categories.all') }}">{{ translate('View All Categories') }}</a>
</div>
</div>
<div class="row no-gutters ">
<div class="row no-gutters border-top border-left">
@foreach ($featured_categories as $key => $category)
<div class="col-xl-4 col-md-6 ">
<div class="bg-white pt-3 pl-3-lapieza pr-3 h-100 hov-scale-img" style="min-height: 240px !important;">
<div class="row" style="border: 1px solid #ededf2 !important; border-radius: 15px;">
<div class="col-xl-4 col-md-6 border-right border-bottom">
<div class="bg-white pt-3 pl-3 pr-3 h-100 hov-scale-img" style="min-height: 240px !important;">
<div class="row">
<!-- Category Banner -->
<div class="col-md-5 py-3 h-200px text-center h-md-100">
<img src="{{ uploaded_asset($category->banner) }}" alt="{{ $category->getTranslation('name') }}" class="w-auto h-100 has-transition"
@@ -321,7 +318,7 @@
<div class="px-sm-3">
<div class="aiz-carousel arrow-none sm-gutters-16" data-items="6" data-xl-items="5" data-lg-items="4" data-md-items="3" data-sm-items="2" data-xs-items="2" data-arrows='true' data-infinite='false'>
@foreach ($newest_products as $key => $new_product)
<div class="carousel-box px-3 position-relative has-transition border-right border-top border-bottom @if($key == 0) border-left @endif hov-animate-outline-lapieza">
<div class="carousel-box px-3 position-relative has-transition border-right border-top border-bottom @if($key == 0) border-left @endif hov-animate-outline">
@include('frontend.partials.product_box_1',['product' => $new_product])
</div>
@endforeach
@@ -363,7 +360,7 @@
<!-- Cupon -->
@if(get_setting('coupon_system') == 1)
<div class="mb-2 mb-md-3 mt-2 mt-md-3" style="background-color: {{ get_setting('cupon_background_color', '#E63108') }}">
<div class="mb-2 mb-md-3 mt-2 mt-md-3" style="background-color: {{ get_setting('cupon_background_color', '#292933') }}">
<div class="container">
<div class="row py-5">
<div class="col-xl-8 text-center text-xl-left">
@@ -406,7 +403,7 @@
</div>
</div>
<div class="col-xl-4 text-center text-xl-right mt-4">
<a href="{{ route('coupons.all') }}" class="btn text-white hov-bg-white hov-text-dark fs-16 px-4" style="border-color: #003b73; border-radius: 15px;background: #003b73;box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);">{{ translate('View All Coupons') }}</a>
<a href="{{ route('coupons.all') }}" class="btn text-white hov-bg-white hov-text-dark border border-width-2 fs-16 px-4" style="border-radius: 28px;background: rgba(255, 255, 255, 0.2);box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);">{{ translate('View All Coupons') }}</a>
</div>
</div>
</div>
@@ -517,7 +514,7 @@
<div class="aiz-carousel arrow-x-0 arrow-inactive-none" data-items="5" data-xxl-items="5" data-xl-items="4" data-lg-items="3.4" data-md-items="2.5" data-sm-items="2" data-xs-items="1.4" data-arrows="true" data-dots="false">
@foreach ($best_selers as $key => $seller)
@if ($seller->user != null)
<div class="carousel-box h-100 position-relative text-center border-right border-top border-bottom @if($key==0) border-left @endif has-transition hov-animate-outline-lapieza" style="border-radius: 15px;">
<div class="carousel-box h-100 position-relative text-center border-right border-top border-bottom @if($key==0) border-left @endif has-transition hov-animate-outline">
<div class="position-relative px-3" style="padding-top: 2rem; padding-bottom:2rem;">
<!-- Shop logo & Verification Status -->
<div class="position-relative mx-auto size-100px size-md-120px">