Uron/laravelEcomm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

readAndDisplaySingleProduct

Browse Source
This commit is contained in:
UronShrestha 2024-07-04 13:04:28 +05:45
parent 64b0881058
commit f14a8026b5
14 changed files with 100 additions and 295 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/Http/Controllers/MainController.php
View File

@ -121,11 +121,18 @@ class MainController extends Controller
return redirect('/login');
}
public function singleProduct()
public function singleProduct($id)
{
return view('singleProduct');
$products = Products::find($id);
if (!$products) {
abort(404);
}
return view('singleProduct', compact('products'));
}
public function blogDetails()
{
return view('blogDetails');

26
resources/views/about.blade.php
View File

@ -215,29 +215,3 @@
<!-- Footer Section Begin -->
<x-footer />
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

26
resources/views/blog.blade.php
View File

@ -113,29 +113,3 @@
<!-- Footer Section Begin -->
<x-footer />
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

26
resources/views/blogDetails.blade.php
View File

@ -132,29 +132,3 @@
<!-- Footer Section Begin -->
<x-footer />
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

26
resources/views/cart.blade.php
View File

@ -156,29 +156,3 @@
<!-- Footer Section Begin -->
<x-footer />
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

26
resources/views/checkout.blade.php
View File

@ -155,29 +155,3 @@
<!-- Footer Section Begin -->
<x-footer />
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

29
resources/views/components/footer.blade.php
View File

@ -1,3 +1,4 @@
<!-- Footer Section Begin -->
<footer class="footer">
<div class="container">
<div class="row">
@ -62,3 +63,31 @@
</div>
</div>
</footer>
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src={{ URL::asset('js/jquery-3.3.1.min.js') }}></script>
<script src={{ URL::asset('js/bootstrap.min.js') }}></script>
<script src={{ URL::asset('js/jquery.nice-select.min.js') }}></script>
<script src={{ URL::asset('js/jquery.nicescroll.min.js') }}></script>
<script src={{ URL::asset('js/jquery.magnific-popup.min.js') }}></script>
<script src={{ URL::asset('js/jquery.countdown.min.js') }}></script>
<script src={{ URL::asset('js/jquery.slicknav.js') }}></script>
<script src={{ URL::asset('js/mixitup.min.js') }}></script>
<script src={{ URL::asset('js/owl.carousel.min.js') }}></script>
<script src={{ URL::asset('js/main.js') }}></script>
</body>
</html>

33
resources/views/components/header.blade.php
View File

@ -14,14 +14,14 @@
rel="stylesheet">
<!-- Css Styles -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
<link rel="stylesheet" href="css/nice-select.css" type="text/css">
<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="{{ URL::asset('css/bootstrap.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ URL::asset('css/font-awesome.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ URL::asset('css/elegant-icons.css') }}" type="text/css">
<link rel="stylesheet" href="{{ URL::asset('css/magnific-popup.css') }}" type="text/css">
<link rel="stylesheet" href="{{ URL::asset('css/nice-select.css') }} "type="text/css">
<link rel="stylesheet" href="{{ URL::asset('css/owl.carousel.min.css') }}"type="text/css">
<link rel="stylesheet" href="{{ URL::asset('css/slicknav.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ URL::asset('css/style.css') }}" type="text/css">
</head>
<body>
@ -48,9 +48,10 @@
</div>
</div>
<div class="offcanvas__nav__option">
<a href="#" class="search-switch"><img src="img/icon/search.png" alt=""></a>
<a href="#"><img src="img/icon/heart.png" alt=""></a>
<a href="#"><img src="img/icon/cart.png" alt=""> <span>0</span></a>
<a href="#" class="search-switch"><img src="{{ URL::asset('img/icon/search.png') }}"
alt=""></a>
<a href="#"><img src="{{ URL::asset('img/icon/heart.png') }}" alt=""></a>
<a href="#"><img src="{{ URL::asset('img/icon/cart.png') }}" alt=""> <span>0</span></a>
<div class="price">Rs 0.00</div>
</div>
<div id="mobile-menu-wrap"></div>
@ -93,7 +94,7 @@
<div class="row">
<div class="col-lg-3 col-md-3">
<div class="header__logo">
<a href="{{ URL::to('/') }}"><img src="img/logo.png" alt=""></a>
<a href="{{ URL::to('/') }}"><img src="{{ URL::asset('img/logo.png') }}" alt=""></a>
</div>
</div>
<div class="col-lg-6 col-md-6">
@ -123,9 +124,11 @@
</div>
<div class="col-lg-3 col-md-3">
<div class="header__nav__option">
<a href="#" class="search-switch"><img src="img/icon/search.png" alt=""></a>
<a href="#"><img src="img/icon/heart.png" alt=""></a>
<a href="#"><img src="img/icon/cart.png" alt=""> <span>0</span></a>
<a href="#" class="search-switch"><img src="{{ URL::asset('img/icon/search.png') }}"
alt=""></a>
<a href="#"><img src="{{ URL::asset('img/icon/heart.png') }}" alt=""></a>
<a href="#"><img src="{{ URL::asset('img/icon/cart.png') }}" alt="">
<span>0</span></a>
<div class="price">Rs 0.00</div>
</div>
</div>

29
resources/views/index.blade.php
View File

@ -114,7 +114,7 @@
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
<li><a href="#"><img src="img/icon/compare.png" alt="">
<span>Compare</span></a></li>
<li><a href="{{ URL::to('singleProduct/' . $item->id) }}"><img src="img/icon/eye.png"
<li><a href="{{ URL::to('single/' . $item->id) }}"><img src="img/icon/eye.png"
alt=""></a></li>
</ul>
</div>
@ -275,30 +275,3 @@
<!-- Footer Section Begin -->
<x-footer />
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

15
resources/views/login.blade.php
View File

@ -43,18 +43,3 @@
<!-- Contact Section End -->
<x-footer />
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

26
resources/views/register.blade.php
View File

@ -65,29 +65,3 @@
<!-- Footer Section Begin -->
<x-footer />
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

26
resources/views/shop.blade.php
View File

@ -662,29 +662,3 @@
<!-- Footer Section Begin -->
<x-footer />
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

95
resources/views/singleProduct.blade.php
View File

@ -18,25 +18,29 @@
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">
<div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-1.png">
<div class="product__thumb__pic set-bg"
data-setbg="{{ URL::asset('uploads/products/' . $products->picture) }}">
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">
<div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-2.png">
<div class="product__thumb__pic set-bg"
data-setbg="{{ URL::asset('uploads/products/' . $products->picture) }}">
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">
<div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-3.png">
<div class="product__thumb__pic set-bg"
data-setbg="{{ URL::asset('uploads/products/' . $products->picture) }}">
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tabs-4" role="tab">
<div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-4.png">
<div class="product__thumb__pic set-bg"
data-setbg="{{ URL::asset('uploads/products/' . $products->picture) }}">
<i class="fa fa-play"></i>
</div>
</a>
@ -47,12 +51,12 @@
<div class="tab-content">
<div class="tab-pane active" id="tabs-1" role="tabpanel">
<div class="product__details__pic__item">
<img src="img/shop-details/product-big-2.png" alt="">
<img src="{{ URL::asset('uploads/products/' . $products->picture) }}" alt="">
</div>
</div>
<div class="tab-pane" id="tabs-2" role="tabpanel">
<div class="product__details__pic__item">
<img src="img/shop-details/product-big-3.png" alt="">
<img src="{{ URL::asset('uploads/products/' . $products->picture) }}" alt="">
</div>
</div>
<div class="tab-pane" id="tabs-3" role="tabpanel">
@ -77,7 +81,7 @@
<div class="row d-flex justify-content-center">
<div class="col-lg-8">
<div class="product__details__text">
<h4>Hooded thermal anorak</h4>
<h4>{{ $products->name }}</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
@ -86,10 +90,8 @@
<i class="fa fa-star-o"></i>
<span> - 5 Reviews</span>
</div>
<h3>$270.00 <span>70.00</span></h3>
<p>Coat with quilted lining and an adjustable hood. Featuring long sleeves with adjustable
cuff tabs, adjustable asymmetric hem with elastic side tabs and a front zip fastening
with placket.</p>
<h3>NRs. {{ $products->price }} <span>4000.00</span></h3>
<p>{{ $products->description }}</p>
<div class="product__details__option">
<div class="product__details__option__size">
<span>Size:</span>
@ -285,13 +287,16 @@
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
<div class="product__item">
<div class="product__item__pic set-bg" data-setbg="img/product/product-1.jpg">
<div class="product__item__pic set-bg" data-setbg="{{ url::asset('img/product/product-1.jpg') }}">
<span class="label">New</span>
<ul class="product__hover">
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
<li><a href="#"><img src="img/icon/compare.png" alt="">
<li><a href="#"><img src="{{ url::asset('img/icon/heart.png') }}"
alt=""></a></li>
<li><a href="#"><img src="{{ url::asset('img/icon/compare.png') }}"
alt="">
<span>Compare</span></a></li>
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
<li><a href="#"><img src="{{ url::asset('img/icon/search.png') }}"
alt=""></a></li>
</ul>
</div>
<div class="product__item__text">
@ -321,12 +326,15 @@
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
<div class="product__item">
<div class="product__item__pic set-bg" data-setbg="img/product/product-2.jpg">
<div class="product__item__pic set-bg" data-setbg="{{url::asset('img/product/product-2.jpg')}}">
<ul class="product__hover">
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
<li><a href="#"><img src="img/icon/compare.png" alt="">
<li><a href="#"><img src="{{ url::asset('img/icon/heart.png') }}"
alt=""></a></li>
<li><a href="#"><img src="{{ url::asset('img/icon/compare.png') }}"
alt="">
<span>Compare</span></a></li>
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
<li><a href="#"><img src="{{ url::asset('img/icon/search.png') }}"
alt=""></a></li>
</ul>
</div>
<div class="product__item__text">
@ -356,13 +364,16 @@
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
<div class="product__item sale">
<div class="product__item__pic set-bg" data-setbg="img/product/product-3.jpg">
<div class="product__item__pic set-bg" data-setbg="{{url::asset('img/product/product-3.jpg')}}">
<span class="label">Sale</span>
<ul class="product__hover">
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
<li><a href="#"><img src="img/icon/compare.png" alt="">
<li><a href="#"><img src="{{ url::asset('img/icon/heart.png') }}"
alt=""></a></li>
<li><a href="#"><img src="{{ url::asset('img/icon/compare.png') }}"
alt="">
<span>Compare</span></a></li>
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
<li><a href="#"><img src="{{ url::asset('img/icon/search.png') }}"
alt=""></a></li>
</ul>
</div>
<div class="product__item__text">
@ -392,12 +403,16 @@
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
<div class="product__item">
<div class="product__item__pic set-bg" data-setbg="img/product/product-4.jpg">
<div class="product__item__pic set-bg"
data-setbg="{{ url::asset('img/product/product-4.jpg') }}">
<ul class="product__hover">
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
<li><a href="#"><img src="img/icon/compare.png" alt="">
<li><a href="#"><img src="{{ url::asset('img/icon/heart.png') }}"
alt=""></a></li>
<li><a href="#"><img src="{{ url::asset('img/icon/compare.png') }}"
alt="">
<span>Compare</span></a></li>
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
<li><a href="#"><img src="{{ url::asset('img/icon/search.png') }}"
alt=""></a></li>
</ul>
</div>
<div class="product__item__text">
@ -433,29 +448,3 @@
<!-- Footer Section Begin -->
<x-footer />
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

1
routes/web.php
View File

@ -11,6 +11,7 @@ Route::get('/blogDetails', [MainController::class, 'blogDetails']);
Route::get('/cart', [MainController::class, 'cart']);
Route::get('/checkout', [MainController::class, 'checkout']);
Route::get('/main', [MainController::class, 'main']);
Route::get('/shop', [MainController::class, 'shop']);
Route::get('/single/{id}', [MainController::class, 'singleProduct']);