El Widget Inmuebles en Venta permite mostrar un listado de propiedades disponibles para la venta en formato de tarjetas. Cada inmueble se representa visualmente mediante el Componente Card, asegurando consistencia en el diseño y la información presentada.
👉 Este widget facilita a los usuarios explorar las propiedades disponibles en venta de manera clara y ordenada.
📝 Descripción #
Este widget organiza los inmuebles en venta y los muestra en un diseño tipo grilla.
Cada tarjeta contiene la información principal del inmueble: precio, tipo de propiedad, ubicación, área, número de habitaciones y baños, entre otros.
👉 En caso de que no existan inmuebles disponibles en venta, se mostrará un 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 en venta.
- Si existen inmuebles (
count($inmuebles) > 0), se generan tarjetas en una grilla de 3 columnas (col-md-4) en pantallas medianas o grandes, y en una sola columna (col-xs-12) en pantallas pequeñas. - 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 en venta se muestran en 3 columnas (col-md-4).
👉 Puedes modificar las clases de Bootstrap para ajustar la distribución según tus necesidades.
🔹 Mensaje de “Sin Resultados” #
Puedes cambiar el texto mostrado cuando no existan inmuebles en venta disponibles.
🔹 Contenido de las tarjetas #
Toda la información y el estilo de cada inmueble provienen del Componente Card.
👉 Para modificar cómo se muestran los datos (precio, ubicación, íconos, etc.), la edición debe hacerse en el Componente Card.
🔗 Referencias #
📄 Documentación del Componente Card:
👉 Personalización del Componente Card
