Adding a fallback image to a wordpress advanced custom fields loop

Question

I'm currently using the advanced custom fields plugin on a wordpress site that I'm developing and it is proving very useful.

I bought the repeater addon which had helped me generate a list of staff members. However I imagine that there won't always be an image available for the staff member so I would like to use a fallback image or use an online placeholder image service like http://placehold.it?

Here is the code:

                <?php if(get_field('about_the_practioner')): ?>

                <?php while(the_repeater_field('about_the_practioner')): ?>

                <article class="colleague_excerpts">

                         <figure>
                            <?php if(get_field('image')): ?>
                            <img src="<?php the_field('image' ) ?>" alt="<?php the_sub_field('image_alt_text'); ?>">
                            <?php else: ?>
                            <img src="http://placehold.it/160x160&text=Awaiting Image">
                            <?php endif; ?> 

                         </figure>

                        <div class="description">
                            <header>
                                <h4><?php the_sub_field('header')?><span><?php the_sub_field('title')?></span></h4>
                            </header>
                            <p><?php the_sub_field('text') ?></p>
                            <a href="<?php the_sub_field('page_link')?>" class="button"><?php the_sub_field('page_link_text') ?></a>
                        </div>
                    <hr>

                </article>

                <?php endwhile; ?>

                <?php endif; ?>

I've seen conditional statements used to create fallback images if a featured image is not available. I have tried something similar in this case at the point where the image is called, I'm not good with php however and only the fallback image is brought into the webpage even if the image field is populated. Any help would be appreciated.

Jonathan Beech · Accepted Answer · 2013-03-16 11:00:34Z

3

Just figured it out! The functions that I was passing into the conditional statement were incorrect! I was using the repeater field feature of advanced custom fields and should have been passing in get_sub_field for all the values above. Its the little things that trip you up!

<?php if(get_sub_field('image')): ?>
<img src="<?php the_sub_field('image' ) ?>" alt="<?php the_sub_field('image_alt_text'); ?>">
<?php else: ?>
<img src="http://placehold.it/160x160&text=Awaiting Image">
<?php endif; ?>

answered Mar 16, 2013 at 11:00

Jonathan Beech

5291 gold badge6 silver badges16 bronze badges

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

Comments

levigideon · Accepted Answer · 2013-03-15 20:41:01Z

0

Although I don't know what some of these functions return the function get_field('image') may return something no matter if there is an image or not, so instead of

<?php if(get_field('image')): ?>
<img src="<?php the_field('image' ) ?>" alt="<?php the_sub_field('image_alt_text'); ?>">
<?php else: ?>
<img src="http://placehold.it/160x160&text=Awaiting Image">
<?php endif; ?>

Maybe try

<?php if(!empty(the_field('image'))): ?>
<img src="<?php the_field('image' ) ?>" alt="<?php the_sub_field('image_alt_text'); ?>">
<?php else: ?>
<img src="http://placehold.it/160x160&text=Awaiting Image">
<?php endif; ?>

Which returns the placeholder if the image is empty.

answered Mar 15, 2013 at 20:41

levigideon

1733 silver badges9 bronze badges

2 Comments

Jonathan Beech Over a year ago

Many thanks for your thought @levigideon. I was thinking of using isset in a similar way? I tried your idea and got a fatal error Fatal error: Can't use function return value in write context in /Users/jonbeech/Sites/lancscps 2nd site/lancscps.dev/wp-content/themes/lancscps theme/page-aboutus.php on line 28

Jonathan Beech Over a year ago

Just figured it out! The functions that I was passing into the conditional statement were incorrect! I was using the repeater field feature of advanced custom fields and should have been passing in get_sub_field for all the values above code<?php if(get_sub_field('image')): ?> <img src="<?php the_sub_field('image' ) ?>" alt="<?php the_sub_field('image_alt_text'); ?>"> <?php else: ?> <img src="placehold.it/160x160&text=Awaiting Image"> <?php endif; ?>code

Jonny Smith · Accepted Answer · 2013-03-16 12:47:17Z

0

I might be counting wrong, in fact I was. Ignore this answer. I thought the brackets weren't matching up, and that a problem in the generated HTML was causing a problem. Jonny Beech has worked it out.

edited Mar 16, 2013 at 12:47

answered Mar 16, 2013 at 11:09

Jonny Smith

11 bronze badge

Comments

Arul M joseph · Accepted Answer · 2018-01-23 01:08:30Z

0

Try this

 <?php 
$image = get_field('banner');
if( !empty($image) ): 
?>
<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>"/>
<?php else: ?>
<?php 

 echo "no image";?>


<?php endif; ?>

edited Jan 23, 2018 at 1:08

answered Jun 16, 2016 at 9:47

Arul M joseph

315 bronze badges

Collectives™ on Stack Overflow

Adding a fallback image to a wordpress advanced custom fields loop

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related