Personalizar Los Inmuebles Destacados - Visual Inmueble Herramienta Para Páginas Web

Personalizar los inmuebles destacados

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:

  1. Crea una carpeta llamada «visualinmueble» en la raíz del tema que estás utilizando en tu página web.
  2. Dentro de la carpeta «visualinmueble», crea otra carpeta llamada «templates».
  3. Dentro de la carpeta «templates», crea una nueva carpeta llamada «widgets».
  4. 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.
  5. 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!

Funciona con BetterDocs