Level 1
Any one?
this is my code in my view blade
<div class="row m0 filters_row">
<ul class="gallery-filter causes-filter nav pull-left">
<li data-filter=>All</li>
@foreach($categories as $filter)
<li data-filter=".{{$filter->id}}">{{$filter->name}}</li>
@endforeach
</ul>
</div>
<div class="row">
<div class="causes_container popup-gallery">
<div class="col-sm-6 col-md-4 grid-sizer"></div>
@foreach($causes as $cause)
<div class="col-sm-6 col-md-4 cause-item {{$cause->category_id}}">
<div class="images_row row m0">
<div id="causes_carousel_inner" class="carousel slide" data-ride="carousel" data-interval="3000">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active"><img src="{{asset($cause->cover_image)}}" alt=""></div>
</div>
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#causes_carousel_inner" data-slide-to="0" class="active"></li>
<li data-target="#causes_carousel_inner" data-slide-to="1"></li>
</ol>
</div>
<a href="#donate_box" class="btn-primary">donate now</a>
</div>
<div class="cause_excepts row m0">
<h4 class="cuase_title"><a href="{{url('cause-single')}}/{{$cause->slug}}">{{$cause->title}}</a></h4>
<p>
<?php
$listDesc = strip_tags($cause->description);
if(strlen($listDesc)>200){
$stringCut = substr($listDesc, 0,200);
$listDesc=substr($stringCut, 0,strrpos($stringCut, ' ')).'...';
}
echo $listDesc;
?></p>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
<ul class="gallery-pagination list-unstyled">
{{$causes->links('vendor.pagination.default')}}
</ul>
</div>
this is my controller
public function index(Causes $cause) {
$causes = Causes::paginate(6);
$categories=Category::all();
return view('frontend.cause', compact('causes','categories'));
}
when i try to filter the results it works well but when i try to paginate the data the images in each filter will be lost ...either any way to fix this??
Please or to participate in this conversation.