Задать вопрос
@olchagmk

Как вывести все бутстрап табы в первый в Wordpress?

Есть табы бутстрап на сайте, выведены через репитер.
Всего 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">&#36; <?php the_sub_field('old_price') ?></p>
						                                                        <?php
						                                                    }
						                                                ?>
									                    				<p class="new_price">&#36; <?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>
  • Вопрос задан
  • 41 просмотр
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы