Есть табы бутстрап на сайте, выведены через репитер.
Всего 3 таба с разным контентом, нужно вывести 4-й таб со ВСЕМ контентом со всех табов, подскажите как реализовать?
Вот код:
<div class="tabs_wrapper">
<?php if( have_rows('products') ): ?>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<?php $c = 0; ?>
<?php while( have_rows('products') ): the_row();?>
<li class="nav-item">
<a class="nav-link <?php echo ( 0 === $c ) ? 'active' : ' '; ?>" data-toggle="tab" href="#<?php the_sub_field('product_id') ?>" role="tab">
<?php the_sub_field('product_type') ?>
</a>
</li>
<?php $c++ ?>
<?php endwhile; ?>
</ul>
<?php endif; ?>
<?php if( have_rows('products') ): ?>
<div class="tab-content" id="nav-tabContent">
<?php $tc = 0; ?>
<?php while( have_rows('products') ): the_row();?>
<div class="tab-pane <?php echo ( 0 === $tc ) ? 'show active' : 'fade'; ?>" id="<?php the_sub_field('product_id') ?>" role="tabpanel">
<?php if( have_rows('product_item') ): ?>
<div class="product_wrapper row">
<?php while( have_rows('product_item') ): the_row();?>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<div class="product_item">
<div class="product_item__wrapper">
<div class="image_wrapper">
<?php if( have_rows('product_image_wrapper') ): ?>
<div class="product_image__slider carousel" data-items-xl="1" data-items-lg="1" data-items-md="1" data-items-sm="1" data-scroll-xl="1" data-scroll-lg="1" data-scroll-md="1" data-scroll-sm="1" data-slick='{"dots": true, "fade": true, "infinite": true}'>
<?php while( have_rows('product_image_wrapper') ): the_row();?>
<div class="slider_item">
<a href="<?php the_sub_field('product_image') ?>" data-fancybox="product_1">
<img src="<?php the_sub_field('product_image') ?>" alt="">
<span class="zoom">
<img src=" <?php bloginfo('template_url') ?>/img/zoom.svg" alt="">
</span>
</a>
</div>
<?php endwhile; ?>
</div>
<div class="section__sliderNav d-flex">
<div class="section__sliderNav--arrows">
<button class="prev" tabindex="-1">
<img src=" <?php bloginfo('template_url') ?>/img/arrow_right.svg" alt="">
</button>
<button class="next" tabindex="-1">
<img src=" <?php bloginfo('template_url') ?>/img/arrow_right.svg" alt="">
</button>
</div>
</div>
<?php endif; ?>
<?php
$field = get_sub_field('promo_check');
if ($field == 'Yes') {
?>
<p class="label">
<?php the_sub_field('label_text') ?>
</p>
<?php
}
?>
</div>
<div class="product_descr__wrapper">
<div class="name_wrapper">
<p class="name">
<?php the_sub_field('product_name') ?>
</p>
<div class="price_wrapper">
<?php
$field = get_sub_field('promo_check');
if ($field == 'Yes') {
?>
<p class="old_price">$ <?php the_sub_field('old_price') ?></p>
<?php
}
?>
<p class="new_price">$ <?php the_sub_field('new_price') ?></p>
</div>
</div>
<p class="descr">
<?php the_sub_field('product_descr') ?>
</p>
<?php if( have_rows('product_char_wrapper') ): ?>
<ul>
<?php while( have_rows('product_char_wrapper') ): the_row();?>
<li>
<p><?php the_sub_field('product_char_name') ?></p>
<p><?php the_sub_field('product_char') ?></p>
</li>
<?php endwhile; ?>
</ul>
<?php endif; ?>
</div>
</div>
<div class="btn_wrapper">
<a href="#" class="btn btn_green" data-toggle="modal" data-target="#productModal">
<?php the_sub_field('product_btn') ?>
</a>
</div>
</div>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
</div>
<?php $tc++ ?>
<?php endwhile; ?>
</div>
<?php endif; ?>
</div>