I’m trying to display 3 images from 3 different post using the relationship post object. Currently its displaying the same image from the first post for all the other post. If I use <?php the_post_thumbnail(); ?> It works as it should by displaying different images. Except I don’t want to use the featured image on my post. My <?php the_permalink() ?> code also works correctly. I’m not sure what I’m doing wrong here.
<?php
$posts = get_field('related_post');
$related_image = get_field( 'product_image' );
if( $posts ): ?>
<?php foreach( $posts as $post): // variable must be called $post (IMPORTANT) ?>
<?php setup_postdata($post); ?>
<div class="large-4 columns">
<a href="<?php the_permalink() ?>">
<img src="<?php echo $related_image['sizes']['related-image-size']; ?>">
</a>
</div>
<?php endforeach; ?>
<?php wp_reset_postdata(); // IMPORTANT - reset the $post object so the rest of the page works correctly ?>
<?php endif; ?>
explanation in comments
<?php
$posts = get_field('related_post');
// this is getting an image from the current post
$related_image = get_field( 'product_image' );
if( $posts ): ?>
<?php foreach( $posts as $post): // variable must be called $post (IMPORTANT) ?>
<?php setup_postdata($post); ?>
<div class="large-4 columns">
<a href="<?php the_permalink() ?>">
<?php
/*
$related image here is the image you got above
Not an image associated with the post used in this nested loop
if you want to get an image from this related post you need to get it here
*/
?>
<img src="<?php echo $related_image['sizes']['related-image-size']; ?>">
</a>
</div>
<?php endforeach; ?>
<?php wp_reset_postdata(); // IMPORTANT - reset the $post object so the rest of the page works correctly ?>
<?php endif; ?>
hope that helps
Haha oh, I didn’t even see that! Thank you!
