<!-- Carousel --> <div id="promo-carousel" class="carousel job-carousel-wrapper slide" data-ride="carousel" data-interval="3000"> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <?php // Item size (set here the number of posts for each group) $i = 4; // Set the arguments for the query global $post; $args = array( 'numberposts' => 16, // -1 is for all 'post_type' => 'munkak', // or 'post', 'page' 'orderby' => 'title', // or 'date', 'rand' 'order' => 'ASC', // or 'DESC' ); // Get the posts $myposts = get_posts($args); // If there are posts if($myposts): // Groups the posts in groups of $i $chunks = array_chunk($myposts, $i); $html = ""; /* * Item * For each group (chunk) it generates an item */ foreach($chunks as $chunk): // Sets as 'active' the first item ($chunk === reset($chunks)) ? $active = "active" : $active = ""; $html .= '<div class="carousel-item '.$active.'"><div class="container"><div class="row">'; /* * Posts inside the current Item * For each item it generates the posts HTML */ foreach($chunk as $post): include('variables.php'); $html .= '<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">'; $html .= '<a class="cat-link" href="'.get_the_permalink().'">'; $html .= get_the_post_thumbnail(); $html .= '<h4>'.get_the_title($post->ID).'</h4>'; $html .= '<ul>'; $html .= '<li>'.$orszag.'</li>'; $html .= '<li>'.get_field("munkaber").'</li>'; $html .= '</ul>'; $html .= '</a>'; $html .= '</div>'; endforeach; $html .= '</div></div></div>'; endforeach; // Prints the HTML echo $html; endif; ?> </div> <!-- carousel inner --> <!-- Controls --> <div class="job-carousel carousel-control-wrapper"> <a class="carousel-control-prev" data-target="#promo-carousel" role="button" data-slide="prev"> <i class="fas fa-chevron-left"></i> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" data-target="#promo-carousel" role="button" data-slide="next"> <i class="fas fa-chevron-right"></i> <span class="sr-only">Next</span> </a> </div> </div> <!-- /carousel -->