From e143774515f17141c5cb9cf257493ea734f27164 Mon Sep 17 00:00:00 2001
From: n3storm <nestor@estudionexos.com>
Date: Tue, 5 Aug 2025 16:54:18 +0000
Subject: [PATCH] Clientes desde ACF

---
 views/block-clientes.twig | 30 ++++++++++++++-
 views/page-clientes.twig  | 79 ++++++++++++++++++++++++++++++++++-----
 2 files changed, 99 insertions(+), 10 deletions(-)

diff --git a/views/block-clientes.twig b/views/block-clientes.twig
index c94bc84..096a93d 100644
--- a/views/block-clientes.twig
+++ b/views/block-clientes.twig
@@ -9,7 +9,32 @@
 	<div id="clientsSlider" class="carousel slide mt-2 mb-4" data-ride="carousel">
 		<div class="carousel-inner pr-1 pl-1">
 			{% if is_desktop %}
+				{% set filas = [9, 17, 35] %}
+			{% elseif is_tablet %}
+				{% set filas = [5, 9, 13, 17, 21, 25, 29, 33, 37] %}
+			{% elseif is_mobile %}
+				{% set filas = [3, 5, 7, 9, 11, 13, 15, 17, 19, 21, 23, 25, 27, 29, 31, 33, 35] %}
+			{% endif %}
+
+			<div class="carousel-item active">
+			<div class="d-sm-flex justify-content-center align-items-center">
+			{% for grupo in clientes %}
+            {% if grupo.mostrar %}
+				{% for info in grupo.client_info %}
+				{% if loop.index in filas %}
+				</div>
+				</div>
+				<div class="carousel-item">
+				<div class="d-sm-flex justify-content-center align-items-center">
+				{% endif %}
+					<img src="{{ info.logotipo.url }}" alt="{{info.nombre}}" class="img-fluid" />
+				{% endfor %}
+			{% endif %}
+			{% endfor %}
+			</div>
+			</div>
 			
+			{#
 			<div class="carousel-item active">
 				<div class="d-sm-flex justify-content-center align-items-center">
 					<img src="{{site.theme.link}}/public/img/logo-alcala.png" class="img-fluid" alt="">
@@ -45,7 +70,7 @@
 					<img src="{{site.theme.link}}/public/img/logo-womenslink.png" class="img-fluid" alt="">
 				</div>
 			</div>
-			
+
 			{% elseif is_tablet %}
 			
 			<div class="carousel-item active">
@@ -167,7 +192,10 @@
 			</div>
 			
 			{% endif %}
+
+			#}
 		</div>
+
 		<a class="carousel-control-prev" href="#clientsSlider" role="button" data-slide="prev">
 		<i class="bi bi-chevron-left" aria-hidden="true"></i>
 		<span class="sr-only">Previous</span>
diff --git a/views/page-clientes.twig b/views/page-clientes.twig
index 366b6bd..3ed60c5 100644
--- a/views/page-clientes.twig
+++ b/views/page-clientes.twig
@@ -20,19 +20,80 @@
 			</div>
 		</div>
 
-        {#% for grupo in clientes %}
+		{#
+		<div id="clientsSlider" class="carousel slide mt-2 mb-4" data-ride="carousel">
+			<div class="carousel-inner pr-1 pl-1">
+				{% if is_desktop %}
+					{% set filas = [9, 18, 36] %}
+				{% elseif is_tablet %}
+					{% set filas = [5, 9, 13, 17, 21, 25, 29, 33, 37] %}
+				{% elseif is_mobile %}
+					{% set filas = [3, 5, 7, 9, 11, 13, 15, 17, 19, 21, 23, 25, 27, 29, 31, 33, 35] %}
+				{% endif %}
 
-            <h3 class="mt-5">{{grupo.titulo}}</h3>
+				<div class="carousel-item active">
+				<div class="d-sm-flex justify-content-center align-items-center">
+				{% for grupo in clientes %}
+				{% if grupo.mostrar %}
+					{% for info in grupo.client_info %}
+					{% if loop.index in filas %}
+					</div>
+					</div>
+					<div class="carousel-item">
+					<div class="d-sm-flex justify-content-center align-items-center">
+					{% endif %}
+						<img src="{{ info.logotipo.url }}" alt="{{info.nombre}}" class="img-fluid mx-md-3" />
+					{% endfor %}
+				{% endif %}
+				{% endfor %}
+				</div>
+				</div>
+			</div>
 
-			{% for info in grupo.client_info %}
-                <a href="{{ info.enlace }}" class="d-inline-block">
-                    <img src="{{ info.logotipo.url }}" />
-                    <span class="d-block">{{info.nombre}}</span>
-                </a>
+			<a class="carousel-control-prev" href="#clientsSlider" role="button" data-slide="prev">
+			<i class="bi bi-chevron-left" aria-hidden="true"></i>
+			<span class="sr-only">Previous</span>
+			</a>
+			<a class="carousel-control-next" href="#clientsSlider" role="button" data-slide="next">
+			<i class="bi bi-chevron-right" aria-hidden="true"></i>
+			<span class="sr-only">Next</span>
+			</a>
+		</div>
+		#}
 
-            {% endfor %}
+		{#% for grupo in clientes %}
 
-			<hr />
+            {% if grupo.mostrar %}
+			
+				{% if grupo.titulo %}
+				<div class="container-fluid">
+					<div class="border-bottom section-3-heading">
+						<div class="container">
+							<div class="d-flex justify-content-between">
+								<div><h2 class="title actualidad-title">{{grupo.titulo}}</h2></div>
+							</div>
+						</div>
+					</div>
+				</div>
+				{% endif %}
+
+				<div class="container-fluid">
+				<div class="d-flex flex-wrap justify-content-center align-items-center">
+				{% for info in grupo.client_info %}
+					{% if info.enlace %}
+					<a href="{{ info.enlace }}" class="d-inline-block text-center m-3" title="{{info.nombre}}">
+						<img src="{{ info.logotipo.url }}" alt="{{info.nombre}}" />
+					</a>
+					{% else %}
+						<img src="{{ info.logotipo.url }}" alt="{{info.nombre}}" />
+					{% endif %}
+				{% endfor %}
+				</div>
+				</div>
+
+				{% if not loop.last %}<hr />{% endif %}
+
+			{% endif %}
 
         {% endfor %#}