I have a HTML code for conversion in WP but the div structure is quite difficult. If anyone here to help me.
<div class="col-md-5">
<div class="navsliderlist">
<ul class="nav">
<li class="active"><a class="active" data-toggle="tab" href="#Graphic">01. Graphic Design</a></li>
<li><a class="" data-toggle="tab" href="#Illustraton">02. Illustraton</a></li>
<li><a class="" data-toggle="tab" href="#Photography">03. Photography</a></li>
<li><a class="" data-toggle="tab" href="#Videography">04. Videography</a></li>
<li><a class="" data-toggle="tab" href="#Manufacturing">05. Manufacturing</a></li>
</ul>
</div>
</div>
Вот название категории приходит. Когда кто-нибудь нажимает на название категории, изображение меняется.
<div class="col-md-12 tab-content">
<div class="flex-slider-s tab-pane active" id="Graphic">
<div id="sync1" class="slider owl-carousel owl-theme">
<div class="item-video"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic.jpg" alt="img" class="img-fluid"></div>
<div class="item-video"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic-bg.jpg" alt="img" class="img-fluid"></div>
<div class="item-video"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic.jpg" alt="img" class="img-fluid"></div>
<div class="item-video"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic-bg.jpg" alt="img" class="img-fluid"></div>
<div class="item-video"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic.jpg" alt="img" class="img-fluid"></div>
<div class="item-video"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic-bg.jpg" alt="img" class="img-fluid"></div>
<div class="item-video"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic.jpg" alt="img" class="img-fluid"></div>
<div class="item-video"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic-bg.jpg" alt="img" class="img-fluid"></div>
</div>
<div id="sync2" class="navigation-thumbs owl-carousel">
<div class="item thumbnail-img"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic.jpg" alt="img" class="img-fluid"></div>
<div class="item thumbnail-img"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic-bg.jpg" alt="img" class="img-fluid"></div>
<div class="item thumbnail-img"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic.jpg" alt="img" class="img-fluid"></div>
<div class="item thumbnail-img"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic-bg.jpg" alt="img" class="img-fluid"></div>
<div class="item thumbnail-img"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic.jpg" alt="img" class="img-fluid"></div>
<div class="item thumbnail-img"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic-bg.jpg" alt="img" class="img-fluid"></div>
<div class="item thumbnail-img"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic.jpg" alt="img" class="img-fluid"></div>
<div class="item thumbnail-img"><img src="<?php echo get_template_directory_uri(); ?>/images/art_pic-bg.jpg" alt="img" class="img-fluid"></div>
</div>
</div>
</div>
Вот структура div, где все изображения идут с небольшими изображениями, такими как owl-carousel.
<?php
$args = array(
'taxonomy' => 'our-work-cat',
'orderby' => 'id',
'order' => 'ASC'
);
//$taxonomy = 'Portfolio_type';
$terms = get_categories($args);
print_r($terms);
foreach ($terms as $term) {
?>
IЯ хочу использовать пользовательский код CPT или Woo Commerce, но я не понимаю, как это сделать. Структура цикла не очищена должным образом. Каждый раз, когда основной div отображается с идентификатором категории и соответствующими изображениями. Если кто-нибудь здесь, чтобы помочь мне, я буду рад.