Filtro Categoria

Os filtros de categoria servem para fazer a dinamização das categorias indicadas no foreach, possibilitando assim uma filtragem precisa das categorias que forem selecionadas pelo cliente. O código abaixo pode ser utilizado para fazer a inserção desse filtro:

    @foreach($categories as $category)
        <ul class="sidebar-category" id="sidebarCategory">
            <p>{{$category->name}} ({{$category->count}})</p>
            @if($category->children->isNotEmpty())
                @foreach($category->children as $child)
                    <li class="category-title">
                        <i class="fa fa-angle-right" aria-hidden="true"></i>
                        <a href="javascript:;">
                            <label for="filha-{{$child->id}}">
                                <input value="{{$child->slug}}" type="checkbox"
                                      id="filha-{{$child->id}}"
                                       @categoryInRequest($child)
                                       checked="checked"
                                       @endcategoryInRequest
                                       canopus-showcase-infinite-scroll-categories-filter>
                                {{$child->name}} ({{$child->count}})
                            </label>
                        </a>
                        @if($child->children->isNotEmpty())
                            <ul class="children-list">
                                @foreach($child->children as $grandson)
                                    <li>
                                        <a href="javascript:;">
                                            <label for="neta-{{$grandson->id}}">
                                                <input value="{{$grandson->slug}}"
                                                       type="checkbox"
                                                       id="neta-{{$grandson->id}}"
                                                       @categoryInRequest($grandson)
                                                       checked="checked"
                                                       @endcategoryInRequest
                                                       canopus-showcase-infinite-scroll-categories-filter>
                                                {{$grandson->name}} ({{$grandson->count}})
                                            </label>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        @endif
                    </li>
                @endforeach
            @endif
        </ul>
    @endforeach
<button class="button-filter" canopus-showcase-infinite-scroll-apply>
    <a href="javascript:;">
        Aplicar filtros
    </a>
 </button>

@foreach($categories as $category) é utilizado para fazer a dinamização de cada categoria cadastrada no sistema, e a ser apresentada no filtro.
{{$category->name}} ({{$category->count}}) é utilizado para inserir o nome das categorias pai cadastradas no sistema.
@if($category->children->isNotEmpty()) representa uma condição, que faz a apresentação das categorias filho, se estiverem cadastradas no sistema.
@foreach($category->children as $child) é utilizado para fazer a dinamização de cada categoria filho cadastrada no sistema, a ser apresentada no filtro.
{{$child->id}} é utilizado para fazer a inserção do id da categoria.
{{$child->slug}} é utilizado para fazer a inserção do slug da categoria.
@categoryInRequest parâmetro da plataforma que serve é um como uma diretiva que verifica se algum dos parâmetros na URL atual corresponde a URL da categoria atual.
canopus-showcase-infinite-scroll-categories-filter atributo do plugin canopus, utilizado para exibir todas as categorias, e fazer a identificação das mesmas.
{{$child->name}} ({{$child->count}}) utilizado para inserir o nome das categorias filho, cadastradas no sistema.
@foreach($child->children as $grandson) é utilizado para fazer a dinamização de cada categoria neto cafastrada no sistema, a ser apresentada no filtro.
{{$grandson->id}} é utilizado para fazer a inserção do id da categoria.
{{$grandson->slug}} é utilizado para fazer a inserção do slug da categoria.
canopus-showcase-infinite-scroll-apply atributo do plugin canopus, utilizado normalmente em <button></button> ou <a></a> utilizado para identificar elementos que disparam uma atualização nos filtros. Se configurado corretamente, ao clicar no elemento os valores das demais tags configuradas com atributos canopus serão capturados e a vitrine recarregada.