change header
This commit is contained in:
parent
7e544e2f30
commit
0ca2f2d15a
|
|
@ -8,7 +8,7 @@ class HomeController extends Controller
|
|||
{
|
||||
|
||||
|
||||
public function index(Request $request)
|
||||
public function fashion(Request $request)
|
||||
{
|
||||
return view('home.fashion-v1');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -477,7 +477,7 @@ class ProductController extends Controller
|
|||
]);
|
||||
}
|
||||
|
||||
public function detail($slug, Request $request, ProductRepository $productRepository)
|
||||
public function detailFashion($slug, Request $request, ProductRepository $productRepository)
|
||||
{
|
||||
|
||||
$product = $productRepository->show($slug);
|
||||
|
|
@ -495,4 +495,7 @@ class ProductController extends Controller
|
|||
|
||||
]);
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
|
||||
|
||||
<x-layout.header />
|
||||
<x-layout.header-grocery />
|
||||
|
||||
<main class="content-wrapper">
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@extends('layouts.landing', ['title' => 'Checkout v.1 - Delivery Info Step 1'])
|
||||
|
||||
@section('content')
|
||||
<x-layout.header />
|
||||
<x-layout.header-grocery />
|
||||
|
||||
<!-- Page content -->
|
||||
<main class="content-wrapper">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@extends('layouts.landing', ['title' => 'Checkout v.1 - Delivery Info Step 1'])
|
||||
|
||||
@section('content')
|
||||
<x-layout.header />
|
||||
<x-layout.header-grocery />
|
||||
|
||||
<!-- Page content -->
|
||||
<main class="content-wrapper">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@extends('layouts.landing', ['title' => 'Kontak'])
|
||||
|
||||
@section('content')
|
||||
<x-layout.header />
|
||||
<x-layout.header-grocery />
|
||||
|
||||
<!-- Page content -->
|
||||
<main class="content-wrapper">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
@section('content')
|
||||
|
||||
<x-layout.header />
|
||||
<x-layout.header-grocery />
|
||||
|
||||
<main class="content-wrapper">
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
@section('content')
|
||||
|
||||
|
||||
<x-layout.header />
|
||||
<x-layout.header-grocery />
|
||||
|
||||
<main class="content-wrapper">
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<x-layout.header />
|
||||
<x-layout.header-grocery />
|
||||
<!-- Page content -->
|
||||
<main class="content-wrapper">
|
||||
<div class="container py-5 mt-n2 mt-sm-0">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
@extends('layouts.landing', ['title' => 'Store - Catalog'])
|
||||
|
||||
@section('content')
|
||||
<x-layout.header />
|
||||
<x-layout.header-grocery />
|
||||
|
||||
<main class="content-wrapper">
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
|
||||
|
||||
<x-layout.header />
|
||||
<x-layout.header-grocery />
|
||||
|
||||
<main class="content-wrapper">
|
||||
|
||||
|
|
@ -301,13 +301,13 @@
|
|||
class="d-none d-md-inline"> {{ __('product_fashion.and_returns') }}</span>
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
{{-- <li class="nav-item" role="presentation">
|
||||
<button type="button" class="nav-link" id="reviews-tab" data-bs-toggle="tab"
|
||||
data-bs-target="#reviews-tab-pane" role="tab" aria-controls="reviews-tab-pane"
|
||||
aria-selected="false">
|
||||
{{ __('product_fashion.review') }}<span class="d-none d-md-inline"> (23)</span>
|
||||
</button>
|
||||
</li>
|
||||
</li> --}}
|
||||
</ul>
|
||||
|
||||
<div class="tab-content pt-4 mt-sm-1 mt-md-3">
|
||||
|
|
|
|||
|
|
@ -1,735 +1,7 @@
|
|||
@extends('layouts.landing', ['title' => 'Grocery Store - Product Page'])
|
||||
|
||||
@section('content')
|
||||
@include('layouts.partials/offcanvas2')
|
||||
|
||||
<div class="offcanvas offcanvas-end pb-sm-2 px-sm-2" id="deliveryOptions" tabindex="-1"
|
||||
aria-labelledby="deliveryOptionsLabel" style="width: 500px">
|
||||
|
||||
<!-- Header with nav tabs -->
|
||||
<div class="offcanvas-header flex-column align-items-start py-3 pt-lg-4">
|
||||
<div class="d-flex align-items-center justify-content-between w-100 pb-xl-1 mb-4">
|
||||
<h4 class="offcanvas-title" id="deliveryOptionsLabel">Delivery options</h4>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
</div>
|
||||
<ul class="nav nav-pills nav-justified w-100" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button type="button" class="nav-link active" id="delivery-tab" data-bs-toggle="tab"
|
||||
data-bs-target="#delivery-tab-pane" role="tab" aria-controls="delivery-tab-pane"
|
||||
aria-selected="true">
|
||||
<i class="ci-shopping-bag fs-base ms-n1 me-2"></i>
|
||||
Delivery
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button type="button" class="nav-link" id="pickup-tab" data-bs-toggle="tab"
|
||||
data-bs-target="#pickup-tab-pane" role="tab" aria-controls="pickup-tab-pane"
|
||||
aria-selected="false">
|
||||
<i class="ci-box fs-base ms-n1 me-2"></i>
|
||||
Pickup
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="offcanvas-body tab-content py-2 py-sm-3">
|
||||
|
||||
<!-- Delivery tab -->
|
||||
<div class="tab-pane fade show active" id="delivery-tab-pane" role="tabpanel" aria-labelledby="delivery-tab">
|
||||
|
||||
<!-- Address options collapse -->
|
||||
<div class="collapse delivery-address show" id="deliveryAddressOptions">
|
||||
<div class="mt-n3">
|
||||
<div class="form-check border-bottom py-4 m-0">
|
||||
<input type="radio" class="form-check-input" id="address-1" name="delivery-address" checked>
|
||||
<label for="address-1" class="form-check-label text-dark-emphasis fw-semibold">567 Cherry Lane
|
||||
Apt B12
|
||||
Sacramento, 95829</label>
|
||||
</div>
|
||||
<div class="form-check border-bottom py-4 m-0">
|
||||
<input type="radio" class="form-check-input" id="address-2" name="delivery-address">
|
||||
<div class="d-flex w-100">
|
||||
<label for="address-2" class="form-check-label text-dark-emphasis me-3">1901 Thornridge Cir.
|
||||
Shiloh,
|
||||
Hawaii, 81063</label>
|
||||
<button type="button" class="btn-close fs-sm ms-auto" data-bs-toggle="tooltip"
|
||||
data-bs-custom-class="tooltip-sm" data-bs-title="Remove" aria-label="Remove"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check border-bottom py-4 m-0">
|
||||
<input type="radio" class="form-check-input" id="address-3" name="delivery-address">
|
||||
<div class="d-flex w-100">
|
||||
<label for="address-3" class="form-check-label text-dark-emphasis me-3">3517 W. Gray St.
|
||||
Utica,
|
||||
Pennsylvania, 57867</label>
|
||||
<button type="button" class="btn-close fs-sm ms-auto" data-bs-toggle="tooltip"
|
||||
data-bs-custom-class="tooltip-sm" data-bs-title="Remove" aria-label="Remove"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Add new address collapse -->
|
||||
<div class="collapse delivery-address" id="deliveryAddressAdd">
|
||||
<div class="nav mb-4">
|
||||
<a class="nav-link animate-underline p-0" href=".delivery-address" data-bs-toggle="collapse"
|
||||
aria-expanded="true" aria-controls="deliveryAddressOptions deliveryAddressAdd">
|
||||
<i class="ci-chevron-left fs-lg ms-n1 me-1"></i>
|
||||
<span class="animate-target">Back to my addresses</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-between mb-3 mb-lg-4">
|
||||
<h5 class="h6 mb-0 me-3">Add an address to start ordering</h5>
|
||||
<a class="btn btn-sm btn-outline-primary rounded-pill" href="#!">
|
||||
<i class="ci-map-pin fs-base ms-n1 me-1"></i>
|
||||
Find on map
|
||||
</a>
|
||||
</div>
|
||||
<div class="mb-3 mb-lg-4">
|
||||
<label class="form-label">State *</label>
|
||||
<select class="form-select form-select-lg rounded-pill"
|
||||
data-select='{
|
||||
"classNames": {
|
||||
"containerInner": ["form-select", "form-select-lg", "rounded-pill"]
|
||||
}
|
||||
}'
|
||||
aria-label="Large pill select">
|
||||
<option value="">Select state</option>
|
||||
<option value="Arizona">Arizona</option>
|
||||
<option value="California">California</option>
|
||||
<option value="Montana">Montana</option>
|
||||
<option value="Nevada">Nevada</option>
|
||||
<option value="New Mexico">New Mexico</option>
|
||||
<option value="Texas">Texas</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3 mb-lg-4">
|
||||
<label for="my-postcode" class="form-label">Postcode *</label>
|
||||
<input type="text" class="form-control form-control-lg rounded-pill" id="my-postcode">
|
||||
</div>
|
||||
<div class="mb-3 mb-lg-4">
|
||||
<label class="form-label">City *</label>
|
||||
<select class="form-select form-select-lg rounded-pill"
|
||||
data-select='{
|
||||
"classNames": {
|
||||
"containerInner": ["form-select", "form-select-lg", "rounded-pill"]
|
||||
}
|
||||
}'
|
||||
aria-label="Large pill select">
|
||||
<option value="">Select city</option>
|
||||
<option value="Austin">Austin</option>
|
||||
<option value="Helena">Helena</option>
|
||||
<option value="Sacramento">Sacramento</option>
|
||||
<option value="Santa Fe">Santa Fe</option>
|
||||
<option value="Las Vegas">Las Vegas</option>
|
||||
<option value="Phoenix">Phoenix</option>
|
||||
</select>
|
||||
</div>
|
||||
<label for="my-address" class="form-label">Street address *</label>
|
||||
<input type="text" class="form-control form-control-lg rounded-pill" id="my-address">
|
||||
</div>
|
||||
|
||||
<!-- Add address collapse toggle -->
|
||||
<div class="nav">
|
||||
<a class="nav-link hiding-collapse-toggle animate-underline collapsed px-0 mt-4"
|
||||
href=".delivery-address" data-bs-toggle="collapse" aria-expanded="false"
|
||||
aria-controls="deliveryAddressOptions deliveryAddressAdd">
|
||||
<span class="animate-target">Add delivery address</span>
|
||||
<i class="ci-plus fs-base ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pickup tab -->
|
||||
<div class="tab-pane fade" id="pickup-tab-pane" role="tabpanel" aria-labelledby="pickup-tab">
|
||||
|
||||
<!-- Pickup store options collapse -->
|
||||
<div class="collapse pickup-options show" id="pickupStoreOptions">
|
||||
<div class="mt-n3">
|
||||
<div class="form-check border-bottom py-4 m-0">
|
||||
<input type="radio" class="form-check-input" id="store-1" name="pickup-store" checked>
|
||||
<div>
|
||||
<div class="d-flex w-100 pb-2 mb-1">
|
||||
<label for="store-1"
|
||||
class="form-check-label text-dark-emphasis fw-semibold me-3">Sacramento
|
||||
Supercenter</label>
|
||||
<button type="button" class="btn-close fs-sm ms-auto" data-bs-toggle="tooltip"
|
||||
data-bs-custom-class="tooltip-sm" data-bs-title="Remove"
|
||||
aria-label="Remove"></button>
|
||||
</div>
|
||||
<div class="fs-xs mb-2">8270 Delta Shores Cir S, Sacramento, CA 95832</div>
|
||||
<div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">07:00 - 22:00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check border-bottom py-4 m-0">
|
||||
<input type="radio" class="form-check-input" id="store-2" name="pickup-store">
|
||||
<div>
|
||||
<div class="d-flex w-100 pb-2 mb-1">
|
||||
<label for="store-2"
|
||||
class="form-check-label text-dark-emphasis fw-semibold me-3">West Sacramento
|
||||
Supercenter</label>
|
||||
<button type="button" class="btn-close fs-sm ms-auto" data-bs-toggle="tooltip"
|
||||
data-bs-custom-class="tooltip-sm" data-bs-title="Remove"
|
||||
aria-label="Remove"></button>
|
||||
</div>
|
||||
<div class="fs-xs mb-2">755 Riverpoint Ct, West Sacramento, CA 95605</div>
|
||||
<div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">07:00 - 21:00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check border-bottom py-4 m-0">
|
||||
<input type="radio" class="form-check-input" id="store-3" name="pickup-store">
|
||||
<div>
|
||||
<div class="d-flex w-100 pb-2 mb-1">
|
||||
<label for="store-3"
|
||||
class="form-check-label text-dark-emphasis fw-semibold me-3">Rancho Cordova
|
||||
Supercenter</label>
|
||||
<button type="button" class="btn-close fs-sm ms-auto" data-bs-toggle="tooltip"
|
||||
data-bs-custom-class="tooltip-sm" data-bs-title="Remove"
|
||||
aria-label="Remove"></button>
|
||||
</div>
|
||||
<div class="fs-xs mb-2">10655 Folsom Blvd, Rancho Cordova, CA 95670</div>
|
||||
<div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">08:00 - 23:00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Add new pickup store collapse -->
|
||||
<div class="collapse pickup-options" id="pickupStoreAdd">
|
||||
<div class="nav mb-4">
|
||||
<a class="nav-link animate-underline p-0" href=".pickup-options" data-bs-toggle="collapse"
|
||||
aria-expanded="true" aria-controls="pickupStoreOptions pickupStoreAdd">
|
||||
<i class="ci-chevron-left fs-lg ms-n1 me-1"></i>
|
||||
<span class="animate-target">Back to my stores</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-between mb-3 mb-lg-4">
|
||||
<h5 class="h6 mb-0 me-3">Select a suitable store</h5>
|
||||
<a class="btn btn-sm btn-outline-primary rounded-pill" href="#!">
|
||||
<i class="ci-map-pin fs-base ms-n1 me-1"></i>
|
||||
Find on map
|
||||
</a>
|
||||
</div>
|
||||
<div class="mb-3 mb-lg-4">
|
||||
<label class="form-label">State *</label>
|
||||
<select class="form-select form-select-lg rounded-pill"
|
||||
data-select='{
|
||||
"classNames": {
|
||||
"containerInner": ["form-select", "form-select-lg", "rounded-pill"]
|
||||
}
|
||||
}'
|
||||
aria-label="Large pill select">
|
||||
<option value="">Select state</option>
|
||||
<option value="Arizona">Arizona</option>
|
||||
<option value="California" selected>California</option>
|
||||
<option value="Montana">Montana</option>
|
||||
<option value="Nevada">Nevada</option>
|
||||
<option value="New Mexico">New Mexico</option>
|
||||
<option value="Texas">Texas</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label class="form-label">City *</label>
|
||||
<select class="form-select form-select-lg rounded-pill"
|
||||
data-select='{
|
||||
"classNames": {
|
||||
"containerInner": ["form-select", "form-select-lg", "rounded-pill"]
|
||||
}
|
||||
}'
|
||||
aria-label="Large pill select">
|
||||
<option value="">Select city</option>
|
||||
<option value="Austin">Austin</option>
|
||||
<option value="Helena">Helena</option>
|
||||
<option value="Sacramento" selected>Sacramento</option>
|
||||
<option value="Santa Fe">Santa Fe</option>
|
||||
<option value="Las Vegas">Las Vegas</option>
|
||||
<option value="Phoenix">Phoenix</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="fs-xs fw-medium text-uppercase text-body-secondary">Found stores:</div>
|
||||
<div class="form-check border-bottom py-4 m-0">
|
||||
<input type="radio" class="form-check-input" id="store-4" name="found-store">
|
||||
<div>
|
||||
<label for="store-4"
|
||||
class="form-check-label text-dark-emphasis fw-semibold pb-2 mb-1">Sacramento
|
||||
Supercenter</label>
|
||||
<div class="fs-xs mb-2">8270 Delta Shores Cir S, Sacramento, CA 95832</div>
|
||||
<div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">07:00 - 22:00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check border-bottom py-4 m-0">
|
||||
<input type="radio" class="form-check-input" id="store-5" name="found-store">
|
||||
<div>
|
||||
<label for="store-5" class="form-check-label text-dark-emphasis fw-semibold pb-2 mb-1">West
|
||||
Sacramento
|
||||
Supercenter</label>
|
||||
<div class="fs-xs mb-2">755 Riverpoint Ct, West Sacramento, CA 95605</div>
|
||||
<div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">07:00 - 21:00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check border-bottom py-4 m-0">
|
||||
<input type="radio" class="form-check-input" id="store-6" name="found-store">
|
||||
<div>
|
||||
<label for="store-6" class="form-check-label text-dark-emphasis fw-semibold pb-2 mb-1">Rancho
|
||||
Cordova
|
||||
Supercenter</label>
|
||||
<div class="fs-xs mb-2">10655 Folsom Blvd, Rancho Cordova, CA 95670</div>
|
||||
<div class="fs-xs">Open: <span class="text-dark-emphasis fw-medium">08:00 - 23:00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Add address collapse toggle -->
|
||||
<div class="nav">
|
||||
<a class="nav-link hiding-collapse-toggle animate-underline collapsed px-0 mt-4"
|
||||
href=".pickup-options" data-bs-toggle="collapse" aria-expanded="false"
|
||||
aria-controls="pickupStoreOptions pickupStoreAdd">
|
||||
<span class="animate-target">Add store address</span>
|
||||
<i class="ci-plus fs-base ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="offcanvas-header">
|
||||
<button type="button" class="btn btn-lg btn-primary w-100 rounded-pill">Confirm address</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@include('layouts.partials/menu-offcanvas')
|
||||
|
||||
<header class="navbar navbar-expand navbar-sticky sticky-top d-block bg-body z-fixed py-1 py-lg-0 py-xl-1 px-0"
|
||||
data-sticky-element>
|
||||
<div class="container justify-content-start py-2 py-lg-3">
|
||||
|
||||
<!-- Offcanvas menu toggler (Hamburger) -->
|
||||
<button type="button" class="navbar-toggler d-block flex-shrink-0 me-3 me-sm-4" data-bs-toggle="offcanvas"
|
||||
data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<!-- Navbar brand (Logo) -->
|
||||
<a class="navbar-brand fs-2 p-0 pe-lg-2 pe-xxl-0 me-0 me-sm-3 me-md-4 me-xxl-5"
|
||||
href="{{ route('second', ['home', 'grocery']) }}">AsiaGolf</a>
|
||||
|
||||
<!-- Categories dropdown visible on screens > 991px wide (lg breakpoint) -->
|
||||
<div class="dropdown d-none d-lg-block w-100 me-4" style="max-width: 200px">
|
||||
<button type="button" class="btn btn-lg btn-secondary w-100 border-0 rounded-pill"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="ci-grid fs-lg me-2 ms-n1"></i>
|
||||
Categories
|
||||
<i class="ci-chevron-down fs-lg me-2 ms-auto me-n1"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu rounded-4 p-4" style="--cz-dropdown-spacer: .75rem; margin-left: -75px">
|
||||
<div class="d-flex gap-4">
|
||||
<div style="min-width: 170px">
|
||||
<div class="h6">Bakery & bread</div>
|
||||
<ul class="nav flex-column gap-2 mt-n2">
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Shop all</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Bread</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Pastries</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Bakery cookies</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Cupcakes</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Buns & rolls</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="h6 pt-4">Meat products</div>
|
||||
<ul class="nav flex-column gap-2 mt-n2">
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Shop all</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Fresh meat</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Processed meat</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Seafood</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Poultry products</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Prepared meat</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="min-width: 170px">
|
||||
<div class="h6">Vegetables</div>
|
||||
<ul class="nav flex-column gap-2 mt-n2">
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Shop all</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Leafy greens</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Root vegetables</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Allium vegetables</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Peppers and tomatoes</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Cruciferous</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Seasonal squashes</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Beans, peas & lentils</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="h6 pt-4">Sauces and ketchup</div>
|
||||
<ul class="nav flex-column gap-2 mt-n2">
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Shop all</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Tomato-based sauces</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Salad dressing</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}'">Hot sauces</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="min-width: 170px">
|
||||
<div class="h6">Fresh fruits</div>
|
||||
<ul class="nav flex-column gap-2 mt-n2">
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Shop all</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Citrus fruits</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Berries</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Tropical fruits</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Stone fruits</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Exotic fruits</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Melons</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="h6 pt-4">Italian dinner</div>
|
||||
<ul class="nav flex-column gap-2 mt-n2">
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Shop all</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Pasta & sauces</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Italian cheese</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Italian meats</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Desserts & beverages</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="min-width: 170px">
|
||||
<div class="h6">Beverages</div>
|
||||
<ul class="nav flex-column gap-2 mt-n2">
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Shop all</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Soft drinks</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Juices</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Sports & energy drinks</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Tea and coffee</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Alcoholic beverages</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="h6 pt-4">Dairy & eggs</div>
|
||||
<ul class="nav flex-column gap-2 mt-n2">
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Shop all</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Chees</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Milk & yogurt</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Sour cream</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Eggs</a>
|
||||
</li>
|
||||
<li class="d-flex w-100 pt-1">
|
||||
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
||||
href="{{ route('second', ['shop', 'catalog-grocery']) }}">Butter & margarine</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Search bar visible on screens > 768px wide (md breakpoint) -->
|
||||
<div class="position-relative w-100 d-none d-md-block me-3 me-xl-4">
|
||||
<input type="search" class="form-control form-control-lg rounded-pill" placeholder="Search for products"
|
||||
aria-label="Search">
|
||||
<button type="button"
|
||||
class="btn btn-icon btn-ghost fs-lg btn-secondary text-bo border-0 position-absolute top-0 end-0 rounded-circle mt-1 me-1"
|
||||
aria-label="Search button">
|
||||
<i class="ci-search"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Delivery options toggle visible on screens > 1200px wide (xl breakpoint) -->
|
||||
<div class="nav me-4 me-xxl-5 d-none d-xl-block">
|
||||
<a class="nav-link flex-column align-items-start animate-underline p-0" href="#deliveryOptions"
|
||||
data-bs-toggle="offcanvas" aria-controls="deliveryOptions">
|
||||
<div class="h6 fs-sm mb-0">Delivery</div>
|
||||
<div class="d-flex align-items-center fs-sm fw-normal text-body">
|
||||
<span class="animate-target text-nowrap">Set your address</span>
|
||||
<i class="ci-chevron-down fs-base ms-1"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Button group -->
|
||||
<div class="d-flex align-items-center gap-md-1 gap-lg-2 ms-auto">
|
||||
|
||||
<!-- Theme switcher (light/dark/auto) -->
|
||||
<div class="dropdown">
|
||||
<button type="button"
|
||||
class="theme-switcher btn btn-icon btn-outline-secondary fs-lg border-0 rounded-circle animate-scale"
|
||||
data-bs-toggle="dropdown" aria-expanded="false" aria-label="Toggle theme (light)">
|
||||
<span class="theme-icon-active d-flex animate-target">
|
||||
<i class="ci-sun"></i>
|
||||
</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" style="--cz-dropdown-min-width: 9rem">
|
||||
<li>
|
||||
<button type="button" class="dropdown-item active" data-bs-theme-value="light"
|
||||
aria-pressed="true">
|
||||
<span class="theme-icon d-flex fs-base me-2">
|
||||
<i class="ci-sun"></i>
|
||||
</span>
|
||||
<span class="theme-label">Light</span>
|
||||
<i class="item-active-indicator ci-check ms-auto"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="dropdown-item" data-bs-theme-value="dark"
|
||||
aria-pressed="false">
|
||||
<span class="theme-icon d-flex fs-base me-2">
|
||||
<i class="ci-moon"></i>
|
||||
</span>
|
||||
<span class="theme-label">Dark</span>
|
||||
<i class="item-active-indicator ci-check ms-auto"></i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="dropdown-item" data-bs-theme-value="auto"
|
||||
aria-pressed="false">
|
||||
<span class="theme-icon d-flex fs-base me-2">
|
||||
<i class="ci-auto"></i>
|
||||
</span>
|
||||
<span class="theme-label">Auto</span>
|
||||
<i class="item-active-indicator ci-check ms-auto"></i>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Search toggle button visible on screens < 768px wide (md breakpoint) -->
|
||||
<button type="button"
|
||||
class="btn btn-icon fs-xl btn-outline-secondary border-0 rounded-circle animate-shake d-md-none"
|
||||
data-bs-toggle="collapse" data-bs-target="#searchBar" aria-controls="searchBar"
|
||||
aria-label="Toggle search bar">
|
||||
<i class="ci-search animate-target"></i>
|
||||
</button>
|
||||
|
||||
<!-- Delivery options button visible on screens < 1200px wide (xl breakpoint) -->
|
||||
<button type="button"
|
||||
class="btn btn-icon fs-lg btn-outline-secondary border-0 rounded-circle animate-scale d-xl-none"
|
||||
data-bs-toggle="offcanvas" data-bs-target="#deliveryOptions" aria-controls="deliveryOptions"
|
||||
aria-label="Toggle delivery options offcanvas">
|
||||
<i class="ci-map-pin animate-target"></i>
|
||||
</button>
|
||||
|
||||
<!-- Account button visible on screens > 768px wide (md breakpoint) -->
|
||||
<a class="btn btn-icon fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex"
|
||||
href="{{ route('second', ['account', 'signin']) }}">
|
||||
<i class="ci-user animate-target"></i>
|
||||
<span class="visually-hidden">Account</span>
|
||||
</a>
|
||||
|
||||
<!-- Cart button -->
|
||||
<button type="button"
|
||||
class="btn btn-icon fs-xl btn-outline-secondary position-relative border-0 rounded-circle animate-scale"
|
||||
data-bs-toggle="offcanvas" data-bs-target="#shoppingCart" aria-controls="shoppingCart"
|
||||
aria-label="Shopping cart">
|
||||
<span class="position-absolute top-0 start-100 badge fs-xs text-bg-primary rounded-pill ms-n3 z-2"
|
||||
style="--cz-badge-padding-y: .25em; --cz-badge-padding-x: .42em">8</span>
|
||||
<i class="ci-shopping-cart animate-target"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Search collapse available on screens < 768px wide (md breakpoint) -->
|
||||
<div class="collapse d-md-none" id="searchBar">
|
||||
<div class="container pt-2 pb-3">
|
||||
<div class="position-relative">
|
||||
<i class="ci-search position-absolute top-50 translate-middle-y d-flex fs-lg ms-3"></i>
|
||||
<input type="search" class="form-control form-icon-start rounded-pill"
|
||||
placeholder="Search for products" data-autofocus="collapse">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="border-top">
|
||||
<div class="container py-lg-1">
|
||||
<div class="overflow-auto" data-simplebar>
|
||||
<div class="nav flex-nowrap justify-content-between gap-4 py-2">
|
||||
<a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
|
||||
<span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
|
||||
style="width: 40px; height: 40px">
|
||||
<i class="ci-percent text-primary fs-xl"></i>
|
||||
</span>
|
||||
<span class="d-block animate-target fw-semibold text-nowrap ms-1">Weekly sale</span>
|
||||
</a>
|
||||
<a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
|
||||
<span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
|
||||
style="width: 40px; height: 40px">
|
||||
<img src="/img/mega-menu/grocery/th01.png" width="30" alt="Image">
|
||||
</span>
|
||||
<span class="d-block animate-target fw-semibold text-nowrap ms-1">Vegetables</span>
|
||||
</a>
|
||||
<a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
|
||||
<span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
|
||||
style="width: 40px; height: 40px">
|
||||
<img src="/img/mega-menu/grocery/th02.png" width="30" alt="Image">
|
||||
</span>
|
||||
<span class="d-block animate-target fw-semibold text-nowrap ms-1">Easter is coming</span>
|
||||
</a>
|
||||
<a class="nav-link align-items-center animate-underline gap-2 m-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
|
||||
<span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
|
||||
style="width: 40px; height: 40px">
|
||||
<img src="/img/mega-menu/grocery/th03.png" width="30" alt="Image">
|
||||
</span>
|
||||
<span class="d-block animate-target fw-semibold text-nowrap ms-1">Poultry meat</span>
|
||||
</a>
|
||||
<a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
|
||||
<span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
|
||||
style="width: 40px; height: 40px">
|
||||
<img src="/img/mega-menu/grocery/th04.png" width="30" alt="Image">
|
||||
</span>
|
||||
<span class="d-block animate-target fw-semibold text-nowrap ms-1">Fresh fruits</span>
|
||||
</a>
|
||||
<a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
|
||||
<span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
|
||||
style="width: 40px; height: 40px">
|
||||
<img src="/img/mega-menu/grocery/th05.png" width="30" alt="Image">
|
||||
</span>
|
||||
<span class="d-block animate-target fw-semibold text-nowrap ms-1">St. Patrick's day</span>
|
||||
</a>
|
||||
<a class="nav-link align-items-center animate-underline gap-2 p-0" href="{{ route('second', ['shop', 'catalog-grocery']) }}">
|
||||
<span class="d-flex align-items-center justify-content-center bg-body-tertiary rounded-circle"
|
||||
style="width: 40px; height: 40px">
|
||||
<img src="/img/mega-menu/grocery/th06.png" width="30" alt="Image">
|
||||
</span>
|
||||
<span class="d-block animate-target fw-semibold text-nowrap ms-1">Exotic fruits</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<x-layout.header-grocery />
|
||||
|
||||
<main class="content-wrapper">
|
||||
|
||||
|
|
|
|||
|
|
@ -49,7 +49,10 @@ Route::get('/products/ajax/brands-with-images', [ProductController::class, 'bran
|
|||
Route::get('/products/ajax/categories', [ProductController::class, 'categories'])->name('product.ajax.categories');
|
||||
Route::get('/products/ajax/genders', [ProductController::class, 'genders'])->name('product.ajax.genders');
|
||||
Route::get('/products/ajax/announcements', [ProductController::class, 'announcements'])->name('product.ajax.announcements');
|
||||
Route::get('/product/{slug}', [ProductController::class, 'detail'])->name('product.detail');
|
||||
|
||||
|
||||
Route::get('/product/{slug}', [ProductController::class, 'detailFashion'])->name('product.detail');
|
||||
// Route::get('/product/{slug}', [ProductController::class, 'detailGrocery'])->name('product.detail');
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue