El componente Tags se utiliza para mostrar etiquetas visuales sobre los inmuebles, como por ejemplo si una propiedad ha sido destacada por su relevancia, visibilidad o interés comercial. Estas etiquetas permiten resaltar ciertas características especiales del inmueble directamente en la página de detalle o en listados.
En el siguiente ejemplo visual, se muestra cómo se presenta la etiqueta “Propiedad destacada”:
A continuación, se incluye el código fuente del componente tags, el cual puedes modificar según tus necesidades visuales o lógicas:
<?php foreach ($tags as $tag) { ?>
<?php if ($tag->key() === "VISUALINMU_DESTACADO" || $tag->key() === "DESTACADO") { ?>
<a href="/inmuebles/?tags=DESTACADO" target="_blank"
class="badge bg-light text-dark badgePropiedadDestacada">Propiedad destacada</a>
<?php } ?>
<?php if ($tag->key() === "VISUALINMU_DELUJO") { ?>
<a href="/inmuebles/?tags=VISUALINMU_DELUJO" target="_blank"
class="badge bg-light text-dark badgePropiedadDeLujo">Propiedad de lujo</a>
<?php } ?>
<?php if ($tag->key() === "VISUALINMU_VERIFICADO") { ?>
<a href="/inmuebles/?tags=VISUALINMU_VERIFICADO" target="_blank" class="badge bg-light text-dark badgePropiedadDeLujo" data-bs-toggle="tooltip" data-bs-placement="top" title="Este inmueble y sus propietarios fueron previamente verificados a través de nuestro software de análisis jurídico y se encuentra CALIFICADA para ser comercializada; encuentra la información legal de esta propiedad descargando gratis la ficha técnica."><i class="icon icon-uniE9AF"></i> Propiedad verificada</a>
<?php } ?>
<?php } ?>El archivo del componente se encuentra en la ruta:componentes/detalleinmueble/tags.php.
Para personalizarlo sin afectar futuras actualizaciones del plugin, copia el archivo en la siguiente ubicación dentro de tu tema:visualinmueble/templates/componentes/detalleinmueble/tags.php
Desde ahí, podrás:
- Cambiar el texto o el idioma de las etiquetas
- Modificar los estilos (colores, bordes, tamaños)
- Agregar condiciones para mostrar distintas etiquetas según el tipo de inmueble, su estado u otras variables
🎯 Consejo: Usa clases CSS específicas para mantener consistencia visual en todo el sitio y facilitar futuras modificaciones.
