ACF Image Field, get single values from array, instead of array

Question

I am using Advanced Custom Fields PRO Version 5.3.7. I am trying to load a picture that is within my custom post type.

I have configured the ACF field for the custom post type and it works well for text related fields.

However, I am trying to display an image. I am using an adapted example from the acf documentation. Below you can find my code.

<div class="image">
    <a href="<?php the_field('link'); ?>" rel="nofollow" class="am" target="_blank" > <img class="b-lazy wp-post-image b-loaded" alt="<?php echo the_field('box_image')['alt']; ?>" src="<?php echo the_field('box_image')['url']; ?>" width="230"> </a>
</div>

My problem ist that on my site, I get the Array back instead of the single value:

Any suggestions what is wrong with my code?

I appreciate your replies!

$image = get_field('image'); and check what is output of echo "<pre/>";print_r($image); show us and we will help you then — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Sep 7, 2016 at 7:42

Adrian Lambertz · Accepted Answer · 2016-09-07 07:46:21Z

1

Dont use the_field('box_image')['url'] because the_field() echoes directly everything and echoing an array outputs array(); Instead of this, try this:

<?php $img = get_field('box_image'); ?>
<?php if( $img ): ?>
  <a href="<?php the_field('link'); ?>" rel="nofollow" class="am" target="_blank" >
    <img class="b-lazy wp-post-image b-loaded" alt="<?php esc_attr_e( $img['alt'] ); ?>" src="<?php echo esc_url( $img['url'] ); ?>" width="230">
  </a>
<?php endif; ?>

answered Sep 7, 2016 at 7:46

Adrian Lambertz

9236 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Beneris · Accepted Answer · 2016-09-07 07:45:50Z

1

Whn you setting a ACF, you can select options "Return value" (array, url, id) change this as id if you want get different sizes (thumbnails), and URL if you want get original image url.

if you use ID option to get image as html tag you can use wp_get_attachment_image($id, $size); i always prefer to store only image ID.

answered Sep 7, 2016 at 7:45

Beneris

6474 silver badges13 bronze badges

Collectives™ on Stack Overflow

ACF Image Field, get single values from array, instead of array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related