Support

Account

Home Forums ACF PRO First 3 of relationship field

Solved

First 3 of relationship field

  • I am having an issue figuring it out. I feel like it’s s simple answer but I can’t seem to get it.

    My goal is to show the firs the posts of a custom post type and then show the first three items in a relationship field for each.
    Here is my code:

              <?php 
              $args = array(
                  'posts_per_page'   => 3,
                  'post_type'     => 'collections'
              );
              $the_query = new WP_Query( $args );
              ?>
    
              <?php if( $the_query->have_posts() ): ?>
                <?php while( $the_query->have_posts() ) : $the_query->the_post(); ?>
    
                <div class="col-sm-4">
                  
                  <h3>
                    <?php the_title(); ?>
                  </h3>
                  <div class="row">
                    
                  <?php 
                  $posts = get_field('books');
                  if( $posts ): ?>
                  <?php foreach( $posts as $post): ?>
                    <?php setup_postdata($post); ?>
                    <div class="col-xs-6 col-sm-4">
                      <a href="<?php the_permalink(); ?>">
                      <?php if (has_post_thumbnail( $post->ID ) ): ?>
                        <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'book-thumbnail' ); ?>
                        <img class="img-responsive" src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>">
                      <?php endif; ?>
                      </a>
                    </div>
                  <?php endforeach; ?>
                  <?php endif; ?>
    
                  </div>
    
                </div>
    
                <?php endwhile; ?>
              <?php endif; ?>
              <?php wp_reset_query();?>
    

    You can see here what I mean. I only want three books from each post to show.

    Collections example

    Any help would be much appreciated.

  • I used a counter to solve this. Found a solution for the gallery field that worked the same way.

    Here you go!

    
    <?php 
    $posts = get_field('books');
    $max = 3;
    $i = 0;              
    if( $posts ): ?>
    <?php foreach( $posts as $post): $i++; ?>
    <?php if( $i > $max){ break; } ?>
      <?php setup_postdata($post); ?>
      <div class="col-xs-6 col-sm-3">
        <a href="<?php the_permalink(); ?>">
        <?php if (has_post_thumbnail( $post->ID ) ): ?>
          <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'book-thumbnail' ); ?>
          <img class="img-responsive" src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>">
        <?php endif; ?>
        </a>
      </div>
    <?php endforeach; ?>
    <?php endif; ?>
    
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.