product page updated header and css

S4nfs · Apr 10, 2022 · 20eaacf · 20eaacf
1 parent 480b3f3
commit 20eaacf
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 8 deletions.
diff --git a/app/Http/Controllers/ProductController.php b/app/Http/Controllers/ProductController.php
@@ -115,7 +115,12 @@ function myOrders()
     function searchProducts(Request $req)
     {
         $search = $req->search; //can also use If(request('search')) 
+        if($search != ""){
         $data = Product::Where('category', 'like', '%' . $search . '%')->orWhere('description', 'like', '%' . $search . '%')->get();
         return view('searchresults',['sproducts' => $data]);
+        }
+        else{
+            return redirect('/')->with('jsalert', 'No Products Found');
+        }
     }
 }
diff --git a/public/css/login.css b/public/css/login.css
@@ -50,6 +50,22 @@ img.slider-img{
 .custom-product{
   height: 1000px;;
 }
+.trend{
+  margin-bottom: 100px;
+}
+.trending-items{
+  float: left;
+width: 150px;
+height: 120px;
+position: relative;
+margin: 50px 50px 250px 50px;
+}
+.trendtilename{
+  margin-bottom: 2rem;
+}
+.trendbtn{
+  text-align: center;
+}
 .cc{
   background-color: gainsboro;
   border-radius: 50px;
@@ -62,12 +78,12 @@ img.slider-img{
 .trending-wrapper{
 margin: 30px;
 }
-.trending-items{
-  float: left;
-  width: 20%;
-}
 .trending-img{
   height: 100px;
+  margin: 1px 5px 1px 5px;
+}
+.trendtile{
+  min-height: 17rem;
 }
 .detail-img{
   height: 200px;
@@ -76,4 +92,4 @@ margin: 30px;
 .dropdown{
   margin-right: 1rem;
 
-}
+}
diff --git a/resources/views/product.blade.php b/resources/views/product.blade.php
@@ -95,23 +95,26 @@
             </button>
         </div>
     </div>
-    <div class="custom-product">
+    <div class="custom-product trend">
 
         <div class="trending-wrapper">
             <h3>Trending on S-Mart <span class="badge bg-dark">new</span></h3>
             @foreach ($products as $items)
                 <div class="trending-items">
-                    <div class="ti">
+                    <div class="trendtile">
                         <a href="detail/{{ $items['id'] }}">
                             <img class="trending-img" src="{{ $items['gallery'] }}" alt="First slide">
                             <div class="" style="margin-top: 3rem;">
-                                <div class="">
+                                <div class="trendtilename">
                                     <p style="color:black;">{{ $items['name'] }} </p>
                                     {{-- <p style="color:black;">Price: Rs {{ $items['price'] }}</p> --}}
                                 </div>
                             </div>
                         </a>
                     </div>
+                    <div class="trendbtn">
+                        <a href="/detail/{{ $items->cart_id }}" class="btn btn-warning">Add</a>
+                    </div>
                 </div>
             @endforeach
         </div>