Fix feature test bugs , verify id query get publish product , add category child where category parent doesn't have a product and add breadcump to single product page

Author: cybersoldattech

app/Livewire/Pages/Category/CategoryProducts.php

@@ -4,15 +4,14 @@
 
 namespace App\Livewire\Pages\Category;
 
-use App\Models\Category;
 use App\Models\Product;
 use Illuminate\Contracts\View\View;
-use Illuminate\Database\Eloquent\Builder;
 use Livewire\Component;
+use Shopper\Core\Models\Category as ShopperCategory;
 
 final class CategoryProducts extends Component
 {
-    public Category $category;
+    public ShopperCategory $category;
 
     public function mount(): void
     {

app/Livewire/Pages/Store.php

@@ -33,7 +33,7 @@ public function render(): View
 
         return view('livewire.pages.store', [
             'products' => $query->paginate(12),
-            'attributes' => Attribute::with('values')->enabled()->get(),
+            'attributes' => Attribute::with('values')->scopes(['enabled', 'isFilterable'])->get(),
         ]);
     }
 }

resources/views/livewire/category/category-products.blade.php

@@ -10,9 +10,23 @@
                     @forelse($products as $product)
                         <x-products.card :product="$product" />
                     @empty
-                        <p class="col-span-3 text-center text-gray-500">
-                            {{ __('This is an example of a category product. it does not contain any products.') }}
-                        </p>
+                        <div class="col-span-3 ml-32 space-y-4">
+                            <p class="text-gray-500">{{ __('This is an example of a category product. it does not contain any products.') }}</p>
+                            @if($category->children->isNotEmpty())
+                                <div class="flex flex-col">
+                                    @foreach($category->children->filter(function($child) {
+                                        return $child->is_enabled;
+                                    }) as $child)
+                                        <x-link  class="flex items-center font-heading text-primary-600 text-md hover:text-primary-800" :href="route('category.products',['category'=> $child->slug])">
+                                            {{ $child->name }}
+                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="ml-1 size-4">
+                                                <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" />
+                                            </svg>
+                                        </x-link>
+                                    @endforeach
+                                </div>
+                            @endif
+                        </div>
                     @endforelse
                 </div>
             </div>

resources/views/livewire/pages/single-product.blade.php

@@ -1,7 +1,15 @@
 <div class="bg-white">
+    <div class="py-3 bg-white border-b border-gray-200 bg-opacity-80">
+        <x-container class="flex items-center justify-between px-4">
+            <nav role="navigation" class="flex items-center">
+                    <!-- -->
+            </nav>
+        </x-container>
+    </div>
+
     <div class="pt-10 pb-16 sm:pb-24">
         <x-container class="max-w-2xl mt-8">
-             <!-- Product -->
+            <!-- Product -->
             <div class="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8">
                  <!-- Image gallery -->
                 <div class="flex flex-col">