Laravel Посмотреть больше категорий

Question

Я новичок в Laravel. Я пытаюсь сделать сайт электронной коммерции. В левой части страницы фильтра (которая показывает товары) я собираюсь показать все основные фильтры и их опции. Но когда вариантов больше шести, я хочу добавить кнопку с именем view more.

Это первая версия без добавления View More.

 @forelse($filters as $filter)

                      <div class="single-left-widget">
                        <div class="section-title">
                            <h4 class="text-uppercase">{{$filter->name}}</h4>
                            <ul>
                                @foreach($filter_options as $filter_option)
                                    @if($filter_option->filter_id==$filter->filter_id)
                                        <li > <input type="checkbox" name="cat[]" class="filters" value="{{$filter_option->id}}"  id="{{$filter_option->id}}"  /> {{$filter_option->name}}</li>
                                    @endif
                                @endforeach
                            </ul>
                        </div>
                    </div>
                    @empty

Так что теперь я думаю, чтоделать цикл

     @forelse($filters as $filter)

                          <div class="single-left-widget">
                            <div class="section-title">
                                <h4 class="text-uppercase">{{$filter->name}}</h4>
                                <ul>

@if ($loop->count<=5)
                                    @foreach($filter_options as $filter_option)
                                        @if($filter_option->filter_id==$filter->filter_id)
                                            <li > <input type="checkbox" name="cat[]" class="filters" value="{{$filter_option->id}}"  id="{{$filter_option->id}}"  /> {{$filter_option->name}}</li>
                                        @endif
                                    @endforeach


@else
View More
@endif
                                </ul>
                            </div>
                        </div>
                        @empty

Ну, я сейчас очень запутался. Во-первых, это не работает так. Я имею в виду, я хочу нажать на просмотр больше, и это должно быть показано все фильтры этой категории. Я думаю, что я должен использовать JS ... какие-либо предложения, пожалуйста, что делать?

Answer 1

В следующем примере предполагается, что $filters - это коллекция.

Примерно так:

@forelse($filters->take(5) as $filter)
    <div class="single-left-widget">
        <div class="section-title">
            <h4 class="text-uppercase">{{$filter->name}}</h4>
            <ul>
                @foreach($filter_options as $filter_option)
                    @if($filter_option->filter_id==$filter->filter_id)
                        <li > <input type="checkbox" name="cat[]" class="filters" value="{{$filter_option->id}}"  id="{{$filter_option->id}}"  /> {{$filter_option->name}}</li>
                    @endif
                @endforeach
            </ul>
        </div>
    </div>
@empty
    No Filters
@endforelse

@if ($filters->count() > 5)
    <button>View More</button>
@endif