Widget Barrios Destacados

El Widget Barrios Destacados permite mostrar un listado de barrios o zonas relevantes con enlaces directos a la búsqueda de inmuebles en cada uno de ellos. De esta forma, se facilita al usuario encontrar propiedades rápidamente en sectores específicos de la ciudad.

👉 Cada barrio se muestra como un enlace clicable que redirige al buscador de inmuebles filtrado por ese barrio.

---

📝 Descripción #

Este widget se utiliza para listar de manera ordenada los barrios destacados donde se encuentran inmuebles disponibles.
Cada elemento de la lista incluye un enlace que dirige a la página de búsqueda de inmuebles en ese barrio en particular.

👉 Para optimizar la visualización, solo se muestran los tres primeros barrios de forma visible, mientras que el resto se despliega bajo un sistema de “leer más”.

---

⚙️ Funcionamiento #

<div>
	<ul class="read-more-wrap-b">
		<?php foreach ($barrios as $keyb => $barrio) { 
		if($keyb > 2){	?>
		<li class="read-more-target">
            <a href="<?php echo visualinmu_route_search([
                "neighborhood" => [$barrio->nombre()]
            ])?>" target="_blank">
                Encuentra inmuebles en <?php echo $barrio->nombre(); ?>
            </a>
        </li>
		<?php }else{ ?>
		<li>
            <a href="<?php echo visualinmu_route_search([
                "neighborhood" => [$barrio->nombre()]
            ])?>" target="_blank">
                Encuentra inmuebles en <?php echo $barrio->nombre(); ?>
            </a>
        </li>
		<?php } } ?>
	</ul>
</div>

🔹 El widget recorre la lista de barrios usando un foreach.

• Los 3 primeros barrios ($keyb <= 2) se muestran directamente en la lista.
• A partir del cuarto barrio ($keyb > 2), se aplica la clase read-more-target, que controla la visualización con el sistema de “leer más / leer menos”.
• Cada barrio es un enlace dinámico generado con la función:

visualinmu_route_search([
   "neighborhood" => [$barrio->nombre()]
])

Esto asegura que al hacer clic se abra el buscador de inmuebles filtrado por ese barrio.

---

🎨 Personalización #

Este widget se puede personalizar en los siguientes aspectos:

🔹 Número de barrios visibles #

Por defecto, solo los primeros 3 barrios se muestran de forma visible.
👉 Puedes cambiar esta lógica modificando la condición if($keyb > 2) para mostrar más o menos barrios antes del “leer más”.

🔹 Texto de los enlaces #

Actualmente, cada enlace se genera con la estructura:
“Encuentra inmuebles en [Nombre del Barrio]”
👉 Puedes modificar esta cadena para mostrar un texto distinto, por ejemplo:

• “Ver propiedades en [Barrio]”
• “Explorar inmuebles en [Barrio]”

🔹 Estilo del sistema “Leer más” #

El comportamiento de mostrar/ocultar barrios adicionales depende de las clases CSS:

• read-more-wrap-b
• read-more-target

👉 Puedes personalizar estos estilos para cambiar la forma en que se despliegan los barrios (acordeón, botón desplegable, animaciones, etc.).