Ретранслятор ACF с выпуском строк бутстрэпа - PullRequest
Новая
       9

Ретранслятор ACF с выпуском строк бутстрэпа

0 голосов
/ 10 сентября 2018

Я пытаюсь вывести 3 сообщения подряд, а затем перейти к следующему ряду, если их больше 3. Если число сообщений не кратно 3, необходимо закрыть строку , В настоящее время содержимое этого кода ломается в зависимости от количества сообщений (строка закрывается не так, как следует). 

        <div class="choose-style">

            <h2>Choose a style</h2>

            <?php
                $f = 1;

                //Start loop
                $loop = new WP_Query( array( 'post_type' => 'styles', 'orderby' => 'date', 'order' => 'ASC', 'posts_per_page' => '6' ) );

                    if ( $loop->have_posts() ) : ?>

                    <!-- Wrapper for slides -->
                    <div class="image-grid-wrapper">

                    <?php while ( $loop->have_posts() ) : $loop->the_post(); 

                            if ($f == 1) { ?>
                                <div class="row"> 
                            <?php } ?>

                            <div class="col-sm-4">
                                <div class="image-grid-item">
                                    <?php
                                        $carousel = get_field('styles_slider');
                                        $first = $carousel[0]['image'];

                                        if ($first != NULL) {
                                            $image = $first['sizes']['medium'];
                                        } else {
                                            $image = get_template_directory_uri() . "/assets/img/placeholder.png";  
                                        }

                                    ?>
                                    <div class="image-wrapper">
                                        <a href="<?php the_permalink(); ?>">
                                        <div class="image" style="background-image: url('<?php echo $image; ?>')">
                                            <div class="overlay">
                                                <div class="overlay-inner">
                                                    <p><?php the_title(); ?></p>
                                                </div>
                                            </div>
                                        </div>
                                        </a>
                                    </div>
                                </div>
                            </div>

                            <?php if ($f == 3 ) { ?>
                                </div>                  
                            <?php $f = 1; continue; };          

                            $f++; ?>

                        <?php endwhile; endif;

                        if($f < 3) { ?>
                            </div><!--END OF POSTS -->
                        <?php }; wp_reset_postdata(); ?>

                </div><!-- end image grid wrapper -->

                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <?php the_field('choose_style_text'); ?>
                    </div>
                </div>

        </div><!-- end choose-style -->

Любая помощь будет оценена, спасибо!

1 Ответ

0 голосов
/ 11 сентября 2018

Как насчет этого ... изменить 

if ($f == 1) { ?>
   <div class="row"> 
<?php } ?>

Кому (если $ f равно 1 или 4, 7, 10 и т. Д., Начать строку) 

if ($f == 1 || ($f-1)%3 == 0) { ?>
   <div class="row"> 
 <?php } ?>

И изменить 

<?php if ($f == 3 ) { ?>
   </div>                  
<?php $f = 1; continue; };

Кому (если $ f делится на 3, закройте строку) 

if ($f%3 === 0) { ?>
   </div> 
<?php } ?>
...