El Widget Inmuebles Destacados permite mostrar un listado de propiedades resaltadas, generalmente marcadas como “destacadas” dentro del sistema. Cada inmueble se presenta en formato de tarjeta utilizando el Componente Card, garantizando consistencia en el diseño y la información mostrada.
👉 Este widget es ideal para llamar la atención del usuario sobre propiedades relevantes o con mayor interés comercial.
📝 Descripción #
Este widget organiza y muestra de manera adaptable las propiedades marcadas como inmuebles destacados.
Cada tarjeta incluye la información principal del inmueble: precio, tipo, ubicación, área, número de habitaciones, entre otros.
👉 Si no existen inmuebles destacados, se mostrará el mensaje de “Sin Resultados”.
⚙️ Funcionamiento #
<div class="row">
<?php if (count($inmuebles) > 0) : ?>
<?php foreach ($inmuebles as $cont => $inmueble) : ?>
<div class="col-xs-12 col-md-4 card-space">
<?php visualinmu_load_template("inmuebles/componentes/card.php", get_defined_vars()); ?>
</div>
<?php endforeach; ?>
<?php else : ?>
<label> Sin Resultados </label>
<?php endif; ?>
</div>
🔹 El widget utiliza un foreach para recorrer el listado de inmuebles destacados.
- Si existen inmuebles (
count($inmuebles) > 0), se muestran en una grilla de 3 columnas (col-md-4) en pantallas medianas o grandes, y en una sola columna en pantallas pequeñas (col-xs-12). - Cada tarjeta se renderiza con el Componente Card.
- Si no hay resultados, se muestra:
<label> Sin Resultados </label>
🎨 Personalización #
Este widget se puede personalizar en los siguientes aspectos:
🔹 Diseño de columnas #
Por defecto, los inmuebles destacados se muestran en 3 columnas (col-md-4).
👉 Puedes cambiar estas clases de Bootstrap para ajustar la cantidad de columnas según tu diseño.
🔹 Mensaje de “Sin Resultados” #
Puedes modificar el texto mostrado cuando no existan inmuebles destacados disponibles.
🔹 Contenido de las tarjetas #
El diseño y la información de cada inmueble se gestionan desde el Componente Card.
👉 Para modificar cómo se muestran los datos (precio, ubicación, íconos, etc.), debes editar directamente el Componente Card.
🔗 Referencias #
📄 Documentación del Componente Card:
👉 Personalización del Componente Card
