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.
Comentários
0 comentário
Por favor, entre para comentar.