Personalización Componente “features”

🔍 Introducción #

El archivo “features.php” es el encargado de mostrar las características principales de cada inmueble dentro de la tarjeta (card-default.php). Esta vista contiene:

• Precio del inmueble
• Tipo de operación (Venta, Arriendo, etc.)
• Código
• Ubicación (Departamento, Ciudad, Barrio)
• Superficie (área construida y área lote)
• Cantidad de alcobas, baños, garajes, etc.

---

🖼️ Visual del componente #

---

🧱 Código del componente #

<?php
$checkLink = !(isset($attrs) && isset($attrs['withLinktoDetail']) && $attrs['withLinktoDetail'] == false);
?>
<div class="row">
    <!-- Precio -->
    <div class="col-md-12">
        <a title="Valor propiedad" href="<?php echo $checkLink ? visualinmu_route_detalleInmueble($inmueble->slug()) : ''; ?>" target="_blank">
            <h4 class="p-0 m-0">
                <?php if ($inmueble->gestion()->esArriendoVenta()) : ?>
                    $<?php echo $inmueble->valorCanon(true); ?>
                <?php elseif ($inmueble->gestion()->esAriendo()) : ?>
                    $<?php echo $inmueble->valorCanon(true); ?>
                <?php else : ?>
                    $<?php echo $inmueble->valorVenta(true); ?>
                <?php endif; ?>
            </h4>
        </a>
    </div>

    <!-- Tipo de inmueble y operación -->
    <div class="col-sm-12">
        <a href="<?php echo $checkLink ? visualinmu_route_detalleInmueble($inmueble->slug()) : ''; ?>" class="cb-nombre" target="_blank">
            <h6 class="text-truncate"><?php echo $inmueble->tipoInmueble()->nombreSingular(); ?> en
                <?php if ($inmueble->gestion()->esArriendoVenta()) : ?>
                    Venta o Arriendo
                <?php elseif ($inmueble->gestion()->esAriendo()) : ?>
                    Arriendo
                <?php else : ?>
                    Venta
                <?php endif; ?>
            </h6>
        </a>
    </div>

    <!-- Código -->
    <div class="col-sm-12 col-md-6">
        <span><i class="icon icon-uniE978"></i> <?php echo $inmueble->codigo(); ?></span>
    </div>

    <!-- Departamento -->
    <?php if ($inmueble->departamento()->nombre() != "SIN_DEPARTAMENTO") : ?>
        <div class="col-md-12 col-md-6">
            <a href="<?php echo visualinmu_route_search(["departamentos" => $inmueble->departamento()->codigo()]); ?>" class="vi-link-ubicacion" target="_blank">
                <i class="icon icon-uniE91C"></i> <?php echo $inmueble->departamento()->nombre(); ?>
            </a>
        </div>
    <?php endif; ?>

    <!-- Ciudad y barrio -->
    <div class="col-md-12 col-md-6">
        <i class="icon icon-uniE91C"></i>
        <a href="<?php echo visualinmu_route_search(["city" => $inmueble->ciudad()->nombre()]); ?>" class="vi-link-ubicacion" target="_blank">
            <?php echo $inmueble->ciudad()->nombre(); ?>
        </a>, 
        <a href="<?php echo visualinmu_route_search(["neighborhood" => $inmueble->barrio()->nombre()]); ?>" class="vi-link-ubicacion" target="_blank">
            <?php echo $inmueble->barrio()->nombre(); ?>
        </a>
    </div>

    <!-- Línea divisoria -->
    <div class="col-md-12">
        <hr>
        <div class="row icons-inmueble">

            <!-- Área construida -->
            <?php if ($inmueble->areaConstruida() > 0) { ?>
                <div class="col">
                    <span title="Área construida">
                        <i class="icon icon-uniE95E"></i> <?php echo $inmueble->areaConstruida(); ?> m<sup>2</sup>
                    </span>
                </div>
            <?php } ?>

            <!-- Área lote (si aplica) -->
            <?php if (in_array($inmueble->tipoInmueble()->codigo(), [8, 7, 13, 9, 21]) && $inmueble->areaLote()) { ?>
                <div class="col">
                    <span title="Área lote">
                        <i class="icon icon-uniE95E"></i> <?php echo $inmueble->areaLote(); ?> m<sup>2</sup>
                    </span>
                </div>
            <?php } ?>

            <!-- Alcobas -->
            <?php if (
                in_array($inmueble->tipoInmueble()->codigo(), [1,2,8,10,11,12,14,25]) &&
                $inmueble->nAlcobas() > 0
            ) { ?>
                <div class="col">
                    <span title="Alcobas">
                        <i class="icon icon-uniE951"></i> <?php echo $inmueble->nAlcobas(); ?>
                    </span>
                </div>
            <?php } ?>

            <!-- Baños -->
            <?php if (
                !in_array($inmueble->tipoInmueble()->codigo(), [7, 9]) &&
                $inmueble->nBaños() > 0
            ) { ?>
                <div class="col">
                    <span title="Baños">
                        <i class="icon icon-uniE93E"></i> <?php echo $inmueble->nBaños(); ?>
                    </span>
                </div>
            <?php } ?>

            <!-- Garajes -->
            <?php if (
                $inmueble->tipoInmueble()->codigo() != 7 &&
                $inmueble->nGarajes() > 0
            ) { ?>
                <div class="col">
                    <span title="Garajes">
                        <i class="icon icon-uniE9CC"></i> <?php echo $inmueble->nGarajes(); ?>
                    </span>
                </div>
            <?php } ?>
        </div>
    </div>
</div>

---

🗂️ Ruta del componente #

Ubicación original del plugin:

inmuebles/componentes/card/features.php

Ruta para sobrescribirlo en tu tema hijo:

visualinmueble/
├── templates/
│   └── inmuebles/
│       └── componentes/
│             └── card/
│                   └── features.php

---

✏️ ¿Qué se puede editar? #

Elemento	Se puede editar…
Precio	Formato, moneda, condición de “arriendo/venta”
Título y operación	Puedes cambiar el texto o agregar íconos
Código de propiedad	Puedes moverlo de lugar, estilizar o eliminarlo
Ubicación	Mostrar u ocultar Departamento / Ciudad / Barrio
Área construida	Cambiar ícono, agregar unidad (m²), redondear o mostrar como rango
Área del lote	Sólo aparece en tipos específicos (casas, lotes, etc.)
Alcobas, baños, garajes	Se puede cambiar el orden, íconos, condiciones de visualización
Enlaces	Los links pueden desactivarse o apuntar a rutas personalizadas
Tooltip	Se puede traducir o mejorar para accesibilidad

---

✅ Recomendación #

Para aplicar cambios fácilmente sin modificar el plugin original, copia features.php en tu tema hijo siguiendo la ruta mencionada. Luego puedes editar íconos, textos, estilos o condicionales según lo necesites.