Carrossel de Clientes

carrossel_clientes_4em4

<!-- Carrossel de Clientes -->
<section>
	<div class="container-fluid">
		<div class="container container_section">
			<div class="row">
				<div class="col-xs-12 col-md-offset-1 col-md-10">
					<h2>Nossos <span class="font_title_strong">Clientes</span></h2>
					<hr class="separador-azul" />

				</div>
			</div>
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div class="container">
						
						<!--Carossel-->
						<div class="carousel slide media-carousel" id="media">
								
								<!--Carrossel Motor-->
						        <div class="carousel-inner">
									
									<!-- Um repopetidor de nome chamado "cadastro_clientes" foi criado dentro usando o plugin ACF, o mesmo, conta com dois campos internos de URL e Imagem. Assim sendo, o usuário que for cadastrar um logo no projeto deve adicionar uma imagem de logotipo do cliente e o URL do site do mesmo-->

									<?php $rows = get_field('cadastro_clientes','option'); //Adicionando o conteúdo que há dentro do repedidor a variável "rows".

									$total_rows = count($rows); //Contando o número de elementos e adicionando ao primeiro contador. ?>		
										
							        <?php 
							        	$cont = 1; //Iniciando o segundo contador para alimentar a condição abaixo.

							        	if($rows){ //Início da primeira condição - Se há contaúdo na variável

								        	if($cont == 1): //Se ó segundo contador for igual a 1
								        		$classe = 'item active'; //Seta as classes "item e active" na DIV abaixo...
								        	else: 
								        		$classe = 'item'; //Se não, Seta somente a class "item".
								        	endif;
						        	?>
								     
									<div class="<?php echo $classe; ?>"> <!--Seta o resultado da condição anterior aqui -->
							            <?php
							            	//Início do motor do Carrossel
							            	foreach($rows as $row){ //Cada elemento do array $rows deve ser atribuido a variável $row. 
							            		
												echo'<div class="col-md-3">
														<a href="' . $row['url_clinete'] . '"><img src="' . $row['logotipo'] .'">
														</a>
													</div>';
												
												//Essa condição vai permitir que o "laço" acumule 4 elementos, ou melhor, 4 clientes na mesma linha linha.
												if($cont % 4 == 0){
													echo '</div>';
													if($cont < $total_rows){
														echo '<div class="item">';
													}
												}
							
												$cont++;
											}
											//Fim do motor do Carrossel
							            ?>
							        </div>
							        <?php } //Fim da primeira condição - Se há contaúdo na variável ?>							       

								</div>
								<!--Carrossel Motor-->
							
							<!--Controlador - Prev e Next-->
							<a data-slide="prev" href="#media" class="left carousel-control">‹</a>
							<a data-slide="next" href="#media" class="right carousel-control">›</a>
							<!--Controlador - Prev e Next-->
						</div>
						<!--Carossel-->
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Carrossel de Clientes -->