Post loop in category filter not working

I have a page with 4 bootstrap tabs. Each tab is to contain custom post type posts form a different category. 4 categories, 4 tabs. This should be really easy using in_category(); but for some reason I am only able to filter for the first tab. The remaining three tabs show no post at all.

Please see this question for my approach:
Creating if statements to filter posts by category from cpt in wordpress

Here is the code from archive-journal.php, where journal is my cpt. I am using advanced custom fields.

PHP

<!-- Tab panes -->
<div class="tab-content">

    <?php if ( have_posts() ) : ?>


            <!-- cambridge winter college -->
            <div role="tabpanel" class="tab-pane active" id="tab1">
                <!-- accordian -->
                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                        <?php $entry_count = 0; ?>
                        <?php while ( have_posts() ) : the_post(); ?> 
                            <?php if (in_category('cambridge-winter-college')) : ?>

                                <?php $entry_count++; ?>

                                <!-- entry -->
                                <div class="entry">
                                    <div class="col-lg-3 date">
                                        <time class="cbp_tmtime"><span><?php the_field( 'day' ); ?></span><br> <span><?php the_field( 'date' ); ?><sup><?php the_field( 'suffix' ); ?></sup> <?php the_field( 'month' ); ?></span> </time>
                                        <div class="cbp_tmicon"></div>
                                    </div>

                                    <div class="panel-heading panel-head col-lg-9">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse-cw-<?php echo $entry_count; ?>">
                                          View <?php the_field( 'day' ); ?>'s journal entry
                                        </a>
                                    </div>

                                    <div id="collapse-cw-<?php echo $entry_count; ?>" class="panel-collapse collapse in col-lg-12 pull-right">
                                      <div class="panel-body col-lg-9 pull-right">
                                        <div class="row">
                                            <div class="col-lg-12 entry-text">

                                                <aside class="col-lg-6 pull-right flexbox-2">       
                                                    <div class="schedule" >
                                                        <?php $table = get_field( 'schedule' ); 
                                                             if ( $table ) { 
                                                                 echo '<table>'; 
                                                                     if ( $table['header'] ) { 
                                                                         echo '<thead><tr>'; 
                                                                             echo ''; 
                                                                                 foreach ( $table['header'] as $th ) { 
                                                                                     echo '<th>'; 
                                                                                         echo $th['c']; 
                                                                                     echo '</th>'; 
                                                                                 } 
                                                                             echo '</tr>'; 
                                                                         echo '</thead>'; 
                                                                     } 

                                                                     echo '<tbody>'; 
                                                                         foreach ( $table['body'] as $tr ) { 
                                                                             echo '<tr>'; 
                                                                                 foreach ( $tr as $td ) { 
                                                                                     echo '<td>'.$td['c'].'</td>'; 
                                                                                 } 
                                                                             echo '</tr>'; 
                                                                         } 
                                                                     echo '</tbody>'; 
                                                                 echo '</table>'; 
                                                             } ?>  
                                                    </div>
                                                    <?php if (the_field('fun_fact')) { ?>
                                                    <div class="fun-fact" style="">
                                                        <?php the_field( 'fun_fact' ); ?>
                                                    </div>
                                                    <?php } ?>
                                                </aside>

                                                <div class="flexbox-1">
                                                    <?php the_field( 'entry_text' ); ?>
                                                </div>

                                            </div>                          
                                        </div>

                                        <div class="row carousel-wrapper">

                                            <div id="carousel-cw-<?php echo $entry_count; ?>" class="carousel slide" data-ride="carousel">                          

                                              <div class="carousel-inner" role="listbox">

                                                  <?php if ( have_rows( 'slider' ) ) : ?>
                                                    <?php $image_count = 0 ?>
                                                    <?php while ( have_rows( 'slider' ) ) : the_row(); ?>
                                                    <?php $image_count++; ?>    
                                                        <?php if ( get_sub_field( 'image') ) { ?>
                                                            <div class="item <?php if ($image_count == 1) echo 'active' ?>">
                                                              <img src="<?php the_sub_field( 'image' ); ?>" title="">
                                                              <figcaption><?php the_sub_field( 'caption' ); ?></figcaption>
                                                            </div>
                                                        <?php } ?>
                                                    <?php endwhile; ?>
                                                <?php else : ?>
                                                    <?php // no rows found ?>
                                                <?php endif; ?>

                                              <a class="left carousel-control" href="#carousel-cw-<?php echo $entry_count; ?>" role="button" data-slide="prev">
                                                <span class="fa fa-chevron-left glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                                <span class="sr-only">Previous</span>
                                              </a>
                                              <a class="right carousel-control" href="#carousel-cw-<?php echo $entry_count; ?>" role="button" data-slide="next">
                                                <span class="fa fa-chevron-right glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                                <span class="sr-only">Next</span>
                                              </a>
                                            </div>
                                            <!-- / carousel -->

                                        </div>
                                      </div>
                                    </div>

                                </div>

                            </div>
                            <!-- /entry -->



                            <?php endif; ?>
                        <?php endwhile; ?>
                    </div>
                <!-- / accordian -->
                <div class="terminator"></div>
            </div>
            <!-- / cambridge winter college  -->



            <!-- oxford summer 1 -->
            <div role="tabpanel" class="tab-pane" id="tab2">
                <!-- accordian -->
                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

                        <?php $entry_count = 0; ?>
                        <?php while ( have_posts() ) : the_post(); ?> 
                            <?php if (in_category('oxford_summer_college_1')) : ?>

                                <?php $entry_count++; ?>


                                <!-- entry -->
                                <div class="entry">
                                    <div class="col-lg-3 date">
                                        <time class="cbp_tmtime"><span><?php the_field( 'day' ); ?></span><br> <span><?php the_field( 'date' ); ?><sup><?php the_field( 'suffix' ); ?></sup> <?php the_field( 'month' ); ?></span> </time>
                                        <div class="cbp_tmicon"></div>
                                    </div>

                                    <div class="panel-heading panel-head col-lg-9">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse-os1-<?php echo $entry_count; ?>">
                                          View <?php the_field( 'day' ); ?>'s journal entry
                                        </a>
                                    </div>

                                    <div id="collapse-os1-<?php echo $entry_count; ?>" class="panel-collapse collapse in col-lg-12 pull-right">
                                      <div class="panel-body col-lg-9 pull-right">
                                        <div class="row">
                                            <div class="col-lg-12 entry-text">

                                                <aside class="col-lg-6 pull-right flexbox-2">       
                                                    <div class="schedule" >
                                                        <?php $table = get_field( 'schedule' ); 
                                                             if ( $table ) { 
                                                                 echo '<table>'; 
                                                                     if ( $table['header'] ) { 
                                                                         echo '<thead><tr>'; 
                                                                             echo ''; 
                                                                                 foreach ( $table['header'] as $th ) { 
                                                                                     echo '<th>'; 
                                                                                         echo $th['c']; 
                                                                                     echo '</th>'; 
                                                                                 } 
                                                                             echo '</tr>'; 
                                                                         echo '</thead>'; 
                                                                     } 

                                                                     echo '<tbody>'; 
                                                                         foreach ( $table['body'] as $tr ) { 
                                                                             echo '<tr>'; 
                                                                                 foreach ( $tr as $td ) { 
                                                                                     echo '<td>'.$td['c'].'</td>'; 
                                                                                 } 
                                                                             echo '</tr>'; 
                                                                         } 
                                                                     echo '</tbody>'; 
                                                                 echo '</table>'; 
                                                             } ?>  
                                                    </div>
                                                    <div class="fun-fact" style="">
                                                        <?php the_field( 'fun_fact' ); ?>
                                                    </div>
                                                </aside>

                                                <div class="flexbox-1">
                                                    <?php the_field( 'entry_text' ); ?>
                                                </div>

                                            </div>                          
                                        </div>

                                        <div class="row carousel-wrapper">

                                            <div id="carousel-os1-<?php echo $entry_count; ?>" class="carousel slide" data-ride="carousel">                         

                                              <div class="carousel-inner" role="listbox">

                                                  <?php if ( have_rows( 'slider' ) ) : ?>
                                                    <?php $image_count = 0 ?>
                                                    <?php while ( have_rows( 'slider' ) ) : the_row(); ?>
                                                    <?php $image_count++; ?>    
                                                        <?php if ( get_sub_field( 'image') ) { ?>
                                                            <div class="item <?php if ($image_count == 1) echo 'active' ?>">
                                                              <img src="<?php the_sub_field( 'image' ); ?>">
                                                              <figcaption><?php the_sub_field( 'caption' ); ?></figcaption>
                                                            </div>
                                                        <?php } ?>
                                                    <?php endwhile; ?>
                                                <?php else : ?>
                                                    <?php // no rows found ?>
                                                <?php endif; ?>

                                              <a class="left carousel-control" href="#carousel-os1-<?php echo $entry_count; ?>" role="button" data-slide="prev">
                                                <span class="fa fa-chevron-left glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                                <span class="sr-only">Previous</span>
                                              </a>
                                              <a class="right carousel-control" href="#carousel-os1-<?php echo $entry_count; ?>" role="button" data-slide="next">
                                                <span class="fa fa-chevron-right glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                                <span class="sr-only">Next</span>
                                              </a>
                                            </div>
                                            <!-- / carousel -->

                                        </div>
                                      </div>
                                    </div>

                                <!-- </div> -->

                            </div>
                            <!-- /entry -->



                            <?php endif; ?>
                        <?php endwhile; ?>
                    </div>
                <!-- / accordian -->
                <div class="terminator"></div>
            </div>
            <!-- / oxford summer 1 -->


            <!-- oxford summer college 2 -->
            <div role="tabpanel" class="tab-pane" id="tab3">
                <!-- accordian -->
                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                        <?php $entry_count = 0; ?>
                        <?php while ( have_posts() ) : the_post(); ?> 
                            <?php if (in_category('oxford_summer_college_2')) : ?>

                                <?php $entry_count++; ?>

                                <!-- entry -->
                                <div class="entry">
                                    <div class="col-lg-3 date">
                                        <time class="cbp_tmtime"><span><?php the_field( 'day' ); ?></span><br> <span><?php the_field( 'date' ); ?><sup><?php the_field( 'suffix' ); ?></sup> <?php the_field( 'month' ); ?></span> </time>
                                        <div class="cbp_tmicon"></div>
                                    </div>

                                    <div class="panel-heading panel-head col-lg-9">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse-os2-<?php echo $entry_count; ?>">
                                          View <?php the_field( 'day' ); ?>'s journal entry
                                        </a>
                                    </div>

                                    <div id="collapse-os2-<?php echo $entry_count; ?>" class="panel-collapse collapse in col-lg-12 pull-right">
                                      <div class="panel-body col-lg-9 pull-right">
                                        <div class="row">
                                            <div class="col-lg-12 entry-text">

                                                <aside class="col-lg-6 pull-right flexbox-2">       
                                                    <div class="schedule" >
                                                        <?php $table = get_field( 'schedule' ); 
                                                             if ( $table ) { 
                                                                 echo '<table>'; 
                                                                     if ( $table['header'] ) { 
                                                                         echo '<thead><tr>'; 
                                                                             echo ''; 
                                                                                 foreach ( $table['header'] as $th ) { 
                                                                                     echo '<th>'; 
                                                                                         echo $th['c']; 
                                                                                     echo '</th>'; 
                                                                                 } 
                                                                             echo '</tr>'; 
                                                                         echo '</thead>'; 
                                                                     } 

                                                                     echo '<tbody>'; 
                                                                         foreach ( $table['body'] as $tr ) { 
                                                                             echo '<tr>'; 
                                                                                 foreach ( $tr as $td ) { 
                                                                                     echo '<td>'.$td['c'].'</td>'; 
                                                                                 } 
                                                                             echo '</tr>'; 
                                                                         } 
                                                                     echo '</tbody>'; 
                                                                 echo '</table>'; 
                                                             } ?>  
                                                    </div>
                                                    <div class="fun-fact" style="">
                                                        <?php the_field( 'fun_fact' ); ?>
                                                    </div>
                                                </aside>

                                                <div class="flexbox-1">
                                                    <?php the_field( 'entry_text' ); ?>
                                                </div>

                                            </div>                          
                                        </div>

                                        <div class="row carousel-wrapper">

                                            <div id="carousel-os2-<?php echo $entry_count; ?>" class="carousel slide" data-ride="carousel">                         

                                              <div class="carousel-inner" role="listbox">

                                                  <?php if ( have_rows( 'slider' ) ) : ?>
                                                    <?php $image_count = 0 ?>
                                                    <?php while ( have_rows( 'slider' ) ) : the_row(); ?>
                                                    <?php $image_count++; ?>    
                                                        <?php if ( get_sub_field( 'image') ) { ?>
                                                            <div class="item <?php if ($image_count == 1) echo 'active' ?>">
                                                              <img src="<?php the_sub_field( 'image' ); ?>">
                                                              <figcaption><?php the_sub_field( 'caption' ); ?></figcaption>
                                                            </div>
                                                        <?php } ?>
                                                    <?php endwhile; ?>
                                                <?php else : ?>
                                                    <?php // no rows found ?>
                                                <?php endif; ?>

                                              <a class="left carousel-control" href="#carousel-os2-<?php echo $entry_count; ?>" role="button" data-slide="prev">
                                                <span class="fa fa-chevron-left glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                                <span class="sr-only">Previous</span>
                                              </a>
                                              <a class="right carousel-control" href="#carousel-os2-<?php echo $entry_count; ?>" role="button" data-slide="next">
                                                <span class="fa fa-chevron-right glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                                <span class="sr-only">Next</span>
                                              </a>
                                            </div>
                                            <!-- / carousel -->

                                        </div>
                                      </div>
                                    </div>

                                </div>

                            </div>
                            <!-- /entry -->



                            <?php endif; ?>
                        <?php endwhile; ?>
                    </div>
                <!-- / accordian -->
                <div class="terminator"></div> 
            </div>
            <!-- / oxford summer college 2 -->

            <!-- cambridge summer college  -->
            <div role="tabpanel" class="tab-pane" id="tab4">
                <!-- accordian -->
                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                        <?php $entry_count = 0; ?>
                        <?php while ( have_posts() ) : the_post(); ?> 
                            <?php if (in_category('cambridge_summer_college')) : ?>

                                <?php $entry_count++; ?>

                                <!-- entry -->
                                <div class="entry">
                                    <div class="col-lg-3 date">
                                        <time class="cbp_tmtime"><span><?php the_field( 'day' ); ?></span><br> <span><?php the_field( 'date' ); ?><sup><?php the_field( 'suffix' ); ?></sup> <?php the_field( 'month' ); ?></span> </time>
                                        <div class="cbp_tmicon"></div>
                                    </div>

                                    <div class="panel-heading panel-head col-lg-9">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse-cs-<?php echo $entry_count; ?>">
                                          View <?php the_field( 'day' ); ?>'s journal entry
                                        </a>
                                    </div>

                                    <div id="collapse-cs-<?php echo $entry_count; ?>" class="panel-collapse collapse in col-lg-12 pull-right">
                                      <div class="panel-body col-lg-9 pull-right">
                                        <div class="row">
                                            <div class="col-lg-12 entry-text">

                                                <aside class="col-lg-6 pull-right flexbox-2">       
                                                    <div class="schedule" >
                                                        <?php $table = get_field( 'schedule' ); 
                                                             if ( $table ) { 
                                                                 echo '<table>'; 
                                                                     if ( $table['header'] ) { 
                                                                         echo '<thead><tr>'; 
                                                                             echo ''; 
                                                                                 foreach ( $table['header'] as $th ) { 
                                                                                     echo '<th>'; 
                                                                                         echo $th['c']; 
                                                                                     echo '</th>'; 
                                                                                 } 
                                                                             echo '</tr>'; 
                                                                         echo '</thead>'; 
                                                                     } 

                                                                     echo '<tbody>'; 
                                                                         foreach ( $table['body'] as $tr ) { 
                                                                             echo '<tr>'; 
                                                                                 foreach ( $tr as $td ) { 
                                                                                     echo '<td>'.$td['c'].'</td>'; 
                                                                                 } 
                                                                             echo '</tr>'; 
                                                                         } 
                                                                     echo '</tbody>'; 
                                                                 echo '</table>'; 
                                                             } ?>  
                                                    </div>
                                                    <div class="fun-fact" style="">
                                                        <?php the_field( 'fun_fact' ); ?>
                                                    </div>
                                                </aside>

                                                <div class="flexbox-1">
                                                    <?php the_field( 'entry_text' ); ?>
                                                </div>

                                            </div>                          
                                        </div>

                                        <div class="row carousel-wrapper">

                                            <div id="carousel-cs-<?php echo $entry_count; ?>" class="carousel slide" data-ride="carousel">                          

                                              <div class="carousel-inner" role="listbox">

                                                  <?php if ( have_rows( 'slider' ) ) : ?>
                                                    <?php $image_count = 0 ?>
                                                    <?php while ( have_rows( 'slider' ) ) : the_row(); ?>
                                                    <?php $image_count++; ?>    
                                                        <?php if ( get_sub_field( 'image') ) { ?>
                                                            <div class="item <?php if ($image_count == 1) echo 'active' ?>">
                                                              <img src="<?php the_sub_field( 'image' ); ?>">
                                                              <figcaption><?php the_sub_field( 'caption' ); ?></figcaption>
                                                            </div>
                                                        <?php } ?>
                                                    <?php endwhile; ?>
                                                <?php else : ?>
                                                    <?php // no rows found ?>
                                                <?php endif; ?>

                                              <a class="left carousel-control" href="#carousel-cs-<?php echo $entry_count; ?>" role="button" data-slide="prev">
                                                <span class="fa fa-chevron-left glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                                <span class="sr-only">Previous</span>
                                              </a>
                                              <a class="right carousel-control" href="#carousel-cs-<?php echo $entry_count; ?>" role="button" data-slide="next">
                                                <span class="fa fa-chevron-right glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                                <span class="sr-only">Next</span>
                                              </a>
                                            </div>
                                            <!-- / carousel -->

                                        </div>
                                      </div>
                                    </div>

                                </div>

                            </div>
                            <!-- /entry -->



                            <?php endif; ?>
                        <?php endwhile; ?>
                    </div>
                <!-- / accordian -->
                <div class="terminator"></div>
            </div>
            <!-- /cambridge summer college -->


    <?php endif; ?> 

</div>
<!-- / tab content -->

Sorry for the long code dump but it is basically the same and copied 4 times. Really I cannot see what is wrong here. Any advice would be greatly appreciated.

Read more here: Post loop in category filter not working

Leave a Reply

Your email address will not be published. Required fields are marked *