Descubre cómo personalizar nuestro widget de inmuebles destacados para potenciar el contenido, funcionalidades y el SEO de tu sitio web inmobiliario. Este práctico widget te permite mostrar un listado de los inmuebles más destacados de tu inventario de inmuebles en la página de inicio, proporcionando a tus usuarios una rápida visión de las zonas más populares y atractivas para vivir. A continuación, te explicaré los pasos para personalizar este widget:
- Crea una carpeta llamada «visualinmueble» en la raíz del tema que estás utilizando en tu página web.
- Dentro de la carpeta «visualinmueble», crea otra carpeta llamada «templates».
- Dentro de la carpeta «templates», crea una nueva carpeta llamada «widgets».
- Ahora, dentro de la carpeta «widgets», crea un archivo llamado «inmueblesDestacados.php». Este archivo reemplazará al archivo predeterminado del plugin que muestra los inmuebles destacados.
- Abre el archivo «inmueblesDestacados.php» y pega el siguiente código:
<!--- VERIFICA SI VIENEN INMUEBLES EN EL WIDGET ---->
<?php if (count($inmuebles) > 0) : ?>
<!--- EMPIEZA A RECORRER LOS INMUEBLES --->
<?php foreach ($inmuebles as $cont => $inmueble) : ?>
<!--- CON LA FUNCIÓN visualinmu_route_detalleInmueble PODRÁS CONSTRUIR LA URL DE VISUALIZACIÓN DE CADA INMUEBLE --->
<a href="<?php echo visualinmu_route_detalleInmueble($inmueble->slug()); ?>" class="" target="_blank">
<!--- OBTENER LA IMAGEN DESTACADA DEL INMUEBLE --->
<div class="portada<?php echo $cont; ?>" style=" background: url(<?php echo $inmueble->fotoPortada(); ?>); background-size: cover; background-position: center; ">
<!--- ACÁ SE EMPIEZA A VERIFICAR SI EL INMUEBLE VIENE EN ARRIENDO, VENTA O ARRIENDO / VENTA --->
<?php if ($inmueble->gestion()->esArriendoVenta()) : ?>
<span class="badge rounded-pill bg-primary">Venta</span><span class="badge rounded-pill bg-primary">Arriendo</span>
<?php elseif ($inmueble->gestion()->esAriendo()) : ?>
<span class="badge rounded-pill bg-primary">Arriendo</span>
<?php else : ?>
<span class="badge rounded-pill bg-primary">Venta</span>
<?php endif; ?>
<!--- SI EL INMUEBLE TIENE TAGS RELACIONADOS, LOS ITERAMOS Y SI ENTRA EN ALGUNO DE LOS IF, MOSTRAREMOS EL TAG --->
<?php foreach ($inmueble->tags() as $tag) { ?>
<?php if ($tag->key() === "VISUALINMU_DESTACADO") { ?>
<span class="badge rounded-pill bg-primary badgePropiedadDestacada">Propiedad destacada</span>
<?php } ?>
<?php if ($tag->key() === "VISUALINMU_DELUJO") { ?>
<span class="badge rounded-pill bg-primary badgePropiedadDeLujo">Propiedad de lujo</span>
<?php } ?>
<?php } ?>
<!--- CON LAS SIGUIENTES FUNCIONES PODRÁS OBTENER LOS DATOS BÁSICOS DE UN INMUEBLE --->
<h5 class="card-title d-inline-block text-truncate" style="max-width:100%"><?php echo $inmueble->nombre(); ?></h5>
<?php echo $inmueble->codigo(); ?>
<?php echo $inmueble->departamento()->nombre(); ?>
<?php echo substr($inmueble->descripcion(), 0, 80) . "..."; ?>
<!--- VERIFICAMOS LA GESTIÓN DEL INMUEBLE Y EXPONEMOS EL VALOR CONFIGURADO PARA EL INMUEBLE --->
<!--- SI DENTRO DE LA FUNCIÓN SE ENVÍA EL PARÁMETRO TRUE, DEVOLVERÁ EL VALOR FORMATEADO CON PUNTOS --->
<?php if ($inmueble->gestion()->esArriendoVenta()) : ?>
<p class="precios-inmueble">$<?php echo $inmueble->valorCanon(true); ?> /
$<?php echo $inmueble->valorVenta(true); ?>
</p>
<?php elseif ($inmueble->gestion()->esAriendo()) : ?>
<p class="precios-inmueble">$<?php echo $inmueble->valorCanon(true); ?></p>
<?php else : ?>
<p class="precios-inmueble">$<?php echo $inmueble->valorVenta(true); ?></p>
<?php endif; ?>
<!--- OBTIENE EL ÁREA CONSTRUIDA DEL INMUEBLE --->
<?php echo $inmueble->areaConstruida(); ?> m<sup>2</sup>
<!--- TIPO DE INMUEBLES --->
<!--- 1 -> Apartamentos, 2 -> Casas, 3 -> Consultorios, 4 -> Oficinas, 5 -> Locales, 6 -> Bodegas, 8 -> Lotes,
9 -> Fincas, 10 -> Parqueaderos, 11 -> Edificios, 12 -> Apartaestudios, 13 -> Hoteles, 14 -> Casalotes --->
<!--- SE VERIFICA EL CÓDIGO DEL INMUEBLE PARA MOSTRAR CIERTAS CARACTERÍSTICAS QUE SON IMPORTANTES PARA CADA INMUEBLE --->
<?php if (
($inmueble->tipoInmueble()->codigo() == 1) ||
($inmueble->tipoInmueble()->codigo() == 2) ||
($inmueble->tipoInmueble()->codigo() == 8) ||
($inmueble->tipoInmueble()->codigo() == 10) ||
($inmueble->tipoInmueble()->codigo() == 11) ||
($inmueble->tipoInmueble()->codigo() == 12) ||
($inmueble->tipoInmueble()->codigo() == 14) ||
($inmueble->tipoInmueble()->codigo() == 25)
) { ?>
<?php echo $inmueble->nAlcobas(); ?>
<?php } ?>
<?php if (
($inmueble->tipoInmueble()->codigo() != 7) &&
($inmueble->tipoInmueble()->codigo() != 9)
) { ?>
<?php echo $inmueble->nBaños(); ?>
<?php } else { ?>
<?php echo $inmueble->areaLote(); ?> m<sup>2</sup>
<?php } ?>
<?php if (
($inmueble->tipoInmueble()->codigo() != 7)
) { ?>
<?php echo $in
mueble->nGarajes(); ?>
<?php } ?>
<!--- SI SE TIENE UN ASESOR RELACIONADO AL INMUEBLE, OBTENEMOS SUS DATOS --->
<?php if ($inmueble instanceof Inmueble && $inmueble->asesor()) { ?>
<a href="<?php echo visualinmu_redsocial_url(["nombre" => "whatsapp", "phone" => $inmueble->asesor()->telefono(), "texto" => "Buen día, estoy interesado en " . $inmueble->nombre() . " código: " . $inmueble->codigo()], visualinmu_route_detalleInmueble($inmueble->slug())) ?>" class="">
<span class="icon"><i class="icon icon-uniE9D7"></i></span> Hablar</a>
<?php } ?>
<?php endforeach; ?>
<?php else : ?>
<!---- SI NO HAY INMUEBLES, SE MUESTRA EL SIGUIENTE MENSAJE --->
<label> Sin Resultados </label>
<?php endif; ?>
Con este código, puedes ir personalizando el diseño del card de cada inmueble para que se ajuste a la apariencia que deseas en tu sitio web. Recuerda guardar los cambios y, si es necesario, ajustar el CSS correspondiente para lograr la presentación visual que mejor se adapte a tu sitio web inmobiliario. ¡Buena suerte con la personalización de tu widget de inmuebles destacados!
