Question

0

157

Views

Laravel Blade Loop

I am using ceil() method to count how many <div class="item"> block it should create. Each .item can only have 4 img.

I am having problem figuring out how to allow 4 img only and then create next .item block via loop.

    @foreach(range(1, ceil($product->photos->count()/4)) as $section)
    <div class="item">
        <div class="row">
            @foreach($product->photos as $photo)
                <img src="{{$photo->photo_url}}" alt="" data-target="#carousel" data-slide-to="{{$loop->index}}" class="galleryItem">
            @endforeach
        </div>
    </div>
    @endforeach

over 4 years ago · Santiago Trujillo

2 answers

Answer question

0

Use chunk():

@foreach($product->photos->chunk(4) as $photos)
    <div class="item">
        <div class="row">
            @foreach($photos as $photo)
                <img src="{{$photo->photo_url}}" alt="" data-target="#carousel" class="galleryItem">
            @endforeach
        </div>
    </div>
@endforeach

over 4 years ago · Santiago Trujillo Report

Answer question

Find remote jobs

Accepted Answer · 2022-05-26T17:18:07.181Z

You can use chunk method in foreach like

  @foreach($posts->chunk(2) as $tempPosts)
  <div class = "row">
   @foreach($tempPosts as $post)
   /* your  code*/
   @endforeach
  </div>
  @endforeach

0

157

Laravel Blade Loop

2 answers

0

0

Find remote jobs

Andres GPT