¡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!
![Personalizar componente de características principales 1 Captura de pantalla 2023 09 05 a las 5.48.18 p.m Visual Inmueble Herramienta para páginas web](https://visualinmueble.com/wp-content/uploads/2023/09/Captura-de-pantalla-2023-09-05-a-las-5.48.18-p.m-1024x150.png)
- Lo primero que debes hacer es crear una carpeta en la raíz del tema de tu página web y nombrarla “visualinmueble”.
- Dentro de la carpeta “visualinmueble”, crea otra carpeta llamada “templates”.
- Luego, dentro de la carpeta “templates”, crea una nueva carpeta llamada “inmuebles”.
- A continuación, dentro de la carpeta “inmuebles”, crea otra carpeta llamada “componentes”. Dentro de esta carpeta, crea una última carpeta llamada “detalleInmueble”.
- Ahora, crea un archivo dentro de la carpeta “detalleInmueble” y nómbralo “caracteristicasPrincipales.php“. Este archivo reemplazará al archivo predeterminado del plugin.
- 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>
- 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!