Widget Ciudades Destacadas - Homlity Herramienta Para Inmobiliarias
View Categories

Widget Ciudades Destacadas

2 minutos de lectura

Tabla de contenidos

El Widget Ciudades Destacadas muestra un listado de enlaces hacia las páginas de búsqueda de inmuebles en ciudades específicas.

👉 Su objetivo es mejorar la experiencia del usuario, permitiéndole acceder rápidamente a los inmuebles disponibles en ciudades de alta demanda.

6849 Homlity Herramienta para Inmobiliarias

📝 Descripción #

Este widget genera una lista de enlaces en formato <ul>, donde cada ítem corresponde a una ciudad destacada.

Las primeras 3 ciudades se muestran visibles por defecto, mientras que las demás se marcan con la clase read-more-target para integrarse con un sistema de “leer más” (expandir/ocultar).

Cada enlace dirige a la ruta de búsqueda de inmuebles correspondiente, generada dinámicamente mediante visualinmu_route_search().

⚙️ Funcionamiento #

<ul class="read-more-wrap-c">
    <?php foreach ($ciudades as $keyc => $ciudad) {
        if ($keyc > 2) { ?>
            <li class="read-more-target">
                <a href="<?php echo visualinmu_route_search([
                    "city" => $ciudad->nombre()
                ])?>" target="_blank">
                    Encuentra inmuebles en <?php echo $ciudad->nombre(); ?>
                </a>
            </li>
        <?php } else { ?>
            <li>
                <a href="<?php echo visualinmu_route_search([
                    "city" => $ciudad->nombre()
                ])?>" target="_blank">
                    Encuentra inmuebles en <?php echo $ciudad->nombre(); ?>
                </a>
            </li>
        <?php }
    } ?>
</ul>

🔑 Características principales #

  • ✅ Lista dinámica: El widget genera automáticamente los enlaces en función de las ciudades disponibles en $ciudades.
  • ✅ SEO Friendly: Cada enlace apunta a la ruta de búsqueda de la ciudad.
  • ✅ Compatibilidad con “Leer más”: Las ciudades adicionales a partir de la cuarta se ocultan con la clase read-more-target.
  • ✅ Apertura en nueva pestaña: Los enlaces se abren con target="_blank".

🎨 Personalización #

🔹 Límite de ciudades visibles #

Actualmente se muestran 3 ciudades visibles y el resto se ocultan.
Puedes modificar esta línea para ajustar el límite:

if ($keyc > 2) { ... }

Ejemplo:

  • Cambiar > 2 por > 4 → mostrará 5 ciudades visibles en vez de 3.

🔹 Estilos CSS #

  • Clase principal: read-more-wrap-c
  • Ciudades ocultas: read-more-target

Puedes combinarlo con un botón “Ver más / Ver menos” usando JS o CSS.

What are your Feelings

Funciona con BetterDocs