How to create a nested-list of categories in Laravel blade

musthafa-advance — Sun, 12 Jul 2020 12:30:40 +0000

Its really difficult to iterate and show Parent child Categories tree or listing in Laravel, sometimes it affect websites performance,
To solve this problem we need to use a recursive blade.
Just follow this steps to make it happen

First of all we need to get all the categories and childs.

To get all categories with childs, create a childs
function inside the Category model

 public function childs()
    {
        return $this->hasMany(Category::class, 'parent_id', 'id');
    }

this function will return all categories with its childs
then fetch categories in your controller like below code

$categories = Category::whereNull('parent_id')->with('childs')->get();

2.inside your blade

@foreach($categories as $category)
  <li>
   {{{ $category->category_name }}}
   @if(count($category->childs))
   @include('category-partial ',['childs' => $category->childs])
   @endif
  </li>
@endforeach

3.Create category-partial.blade which we are using to loop each of the category so that we can show the category without a limit

<ul>
@foreach($childs as $child)
    <li>
 <a href="{{{  url('search/?category='.$child->category_name.'-'.$child->id.'&q=') }}}">{{{ $child->category_name }}}</a>
 @if(count($child->childs))
 @include('admin.managechild',['childs' => $child->childs])
 @endif
  </li>
@endforeach
</ul>

DEV Community: musthafa-advance

How to create a nested-list of categories in Laravel blade