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
Download Patch File Download Diff File Expand all files Collapse all files

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>