Voyager: Multiple Image Option

Created on 29 Mar 2018 · 7Comments · Source: the-control-group/voyager

Laravel Version: 5.5.39
Voyager Version: 1.0
PHP Version:7.2.3
Database Driver & Version:

Description: I have chosen 'multiple images' in my 'gallery' title. I've already uploaded 5 images in admin dashboard. How to call all the images in my blade using @foreach .

Steps To Reproduce:

with code in my blade

@foreach($gallery` as $galleries)   
<img src="{{Voyager::image($galleries->gallery_images)}}" class="img-responsive img-thumbnail" />
@endforeach

It showed One broken Image

Source

manozthapa

All 7 comments

I dont understand it.
@foreach($gallery as $galleries)
Shouldn't that be vice versa?
$galleries->gallery_images
Seems to be an array, so you would to json_decode it, foreach through it, and then use it in an <img> tag

emptynick on 29 Mar 2018

👍1

"Multiple images" stores it's value as a json-encoded array of paths. You need to json_decode the value from the database, then loop over the result, then display it with Voyager::image

fletch3555 on 29 Mar 2018

@monazthapa you need to do next:
```
$images = json_decode($dataTypeContent->images);
if($images != null)
@foreach($images as $image)

@endforeach
@endif
````

yevgenatlanov on 12 Apr 2018

👍1

This is now in our docs.

emptynick on 10 Nov 2018

❤1

This should do it
@foreach ($galleries as $gallery)
@foreach (json_decode($gallery->gallery_images) as $image)
<img src="{{ Voyager::image($image)}}">
@endforeach
@endforeach