How to refer to cloneable single_image field? - Support Fourms - Meta Box

This topic has 6 replies, 2 voices, and was last updated 9 months ago by Anh Tran.

Creator

Topic
April 22, 2019 at 3:57 AM #14220
LFFprop
Participant
Hi,

How do I display the cloneable single image fields in the frontend?
This is the code of the custom field:
```
array (
                'id' => 'fotos',
                'type' => 'single_image',
                'name' => 'Foto\'s',
                'force_delete' => 1,
                'clone' => 1,
                'max_clone' => 3,
                'add_button' => 'Nog een foto',
            ),
```
How to refer to the individual fields?
[rwmb_meta meta_key="fotos???" link="true" size="thumbnail"]
Creator

Topic

Viewing 6 replies - 1 through 6 (of 6 total)

Author

Replies
April 22, 2019 at 2:34 PM #14221

LFFprop
Participant

To add here: I guess it would be better to display the images as a gallery, so that the images are all nicely displayed, also if e.g. the 2nd image would be deleted.

How to disply the images as a gallery?

April 23, 2019 at 10:18 AM #14231
Anh Tran
Keymaster
Hi,

Yes, you can display images as a gallery. Please try this code:
```
$images = rwmb_meta( 'fotos', ['size' => 'thumbnail'] );
echo '<div class="gallery">';
foreach ( $images as $image ) {
    echo "<a href='{$image['full_url']}'><img src='{$image['url'}'></a>";
}
echo '</div>';
```
April 23, 2019 at 10:40 PM #14250

LFFprop
Participant

Anh,

When I add this code to XYZ PHP Code Snippet, the webpage stops loading.
What am I doing wrong?

April 25, 2019 at 10:27 AM #14273

Anh Tran
Keymaster

Which PHP version are you using? I’m writing in PHP 5.4 (that accepts short array syntax). Please upgrade if you’re using lower PHP version.

April 26, 2019 at 5:02 PM #14299

LFFprop
Participant

I’m running PHP 7.2.

April 27, 2019 at 10:40 AM #14315

Anh Tran
Keymaster

Can you turn on debug and see what the error is? My code is created in my mind without testing, so it might have some conflict.
Author

Replies

Viewing 6 replies - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.