Personalizar componente de características principales

¡Hola! Para personalizar el componente de características principales en el detalle de un inmueble, debes seguir estos sencillos pasos. Recuerda que, al modificar el diseño o los datos de este componente, es importante tener en cuenta que el soporte sobre el componente afectado no estará disponible y es posible que no se apliquen futuros cambios, mejoras o actualizaciones al componente. ¡Vamos a ello!

1. Lo primero que debes hacer es crear una carpeta en la raíz del tema de tu página web y nombrarla “visualinmueble”.
2. Dentro de la carpeta “visualinmueble”, crea otra carpeta llamada “templates”.
3. Luego, dentro de la carpeta “templates”, crea una nueva carpeta llamada “inmuebles”.
4. A continuación, dentro de la carpeta “inmuebles”, crea otra carpeta llamada “componentes”. Dentro de esta carpeta, crea una última carpeta llamada “detalleInmueble”.
5. Ahora, crea un archivo dentro de la carpeta “detalleInmueble” y nómbralo “caracteristicasPrincipales.php“. Este archivo reemplazará al archivo predeterminado del plugin.
6. Abre el archivo “caracteristicasPrincipales.php” y encontrarás el siguiente código:

<div class="row">
    <div class="col-md-12">
        <h2 class="visualinmueble-titulos-caracteristicas-principales h3">Características principales de <?php echo $nombre; ?></h2>
    </div>
    <div class="col-md-3 itemCaracteristica caracteristicaAreaLote">
        <p>
            <span class="icon"><i class="icon icon-uniE914"></i></span>
            Área lote: <?php echo $caracteristicas["areaLote"]; ?> M<sup>2</sup>
        </p>
    </div>
    <div class="col-md-3 itemCaracteristica caracteristicaAreaConstruida">
        <p>
            <span class="icon"><i class="icon icon-uniE95E"></i></span>
            Área construida: <?php echo $caracteristicas["areaConstruida"]; ?> M<sup>2</sup>
        </p>
    </div>
    <div class="col-md-3 itemCaracteristica caracteristicaAreaLote">
<!---- VERIFICA LA CANTIDAD PARA PONER EL PLURAL O EL SINGULAR A LOS BAÑOS ------>
        <p>
            <span class="icon"><i class="icon icon-uniE93E"></i></span>
            <?php echo ($caracteristicas["banos"] === 1) ? "Baño: " . $caracteristicas["banos"] : "Baños: " . $caracteristicas["banos"]; ?>
        </p>
    </div>
    <div class="col-md-3 itemCaracteristica caracteristicaAlcobas">
<!---- VERIFICA LA CANTIDAD PARA PONER EL PLURAL O EL SINGULAR A LAS ALCOBAS ------>
        <p>
            <span class="icon"><i class="icon icon-uniE951"></i></span>
            <?php echo ($caracteristicas["alcobas"] === 1) ? "Alcoba: " . $caracteristicas["alcobas"] : "Alcobas: " . $caracteristicas["alcobas"]; ?>
        </p>
    </div>
    <div class="col-md-3 itemCaracteristica caracteristicaGarajes">
<!---- VERIFICA LA CANTIDAD PARA PONER EL PLURAL O EL SINGULAR A LOS GARAJES ------>
        <p>
            <span class="icon"><i class="icon icon-uniE9A5"></i></span>
            <?php echo ($caracteristicas["garajes"] === 1) ? "Garaje: " . $caracteristicas["garajes"] : "Garajes: " . $caracteristicas["garajes"]; ?>
        </p>
    </div>
    <div class="col-md-3 itemCaracteristica caracteristicaEstrato">
        <p>
            <span class="icon"><i class="icon icon-uniE9AF"></i></span>
            Estrato: <?php echo $caracteristicas["estrato"]; ?>
        </p>
    </div>
    <div class="col-md-3 itemCaracteristica caracteristicaEdad">
<!---- VERIFICA LA CANTIDAD PARA PONER EL PLURAL O EL SINGULAR A LOS AÑOS ------>
        <p>
            <span class="icon is-text-danger"><i class="icon icon-uniE9C0"></i></span>
            Edad: <?php echo ($caracteristicas["edad"] === 1) ? $caracteristicas["edad"] . " año" : $caracteristicas["edad"] . " años"; ?>
        </p>
    </div>
</div>

7. Una vez hayas pegado y guardado este código en el archivo “caracteristicasPrincipales.php“, podrás mostrar u ocultar las características disponibles para el componente. También podrás insertar tu propio código HTML y personalizar el componente a tu gusto.

Recuerda que estos pasos son específicos para personalizar el componente de características principales en tu sitio web de WordPress. ¡Esperamos que disfrutes personalizando este componente y que le des un toque único y especial a tu página web inmobiliaria! Si tienes alguna duda o necesitas ayuda adicional, ¡estamos aquí para ayudarte en todo lo que necesites!