Introducción #
El archivo “search-form-sidebar.php es el componente encargado de renderizar el formulario lateral de filtros en la página de búsqueda de inmuebles. Este formulario se despliega mediante un offcanvas y permite al usuario aplicar múltiples criterios para refinar su búsqueda, como:
- Precio mínimo y máximo
- Área mínima y máxima
- Número de alcobas, garajes y baños
- Selección por etiquetas
Este formulario se encuentra encapsulado dentro de un componente Vue (<filtrar-inmuebles>) que gestiona la lógica y presentación del formulario de manera dinámica.
Vista del componente #
En la interfaz, este formulario se presenta de forma clara y ordenada, permitiendo seleccionar filtros de forma visual mediante botones redondeados y campos personalizados.
Incluye además los botones de Buscar y Limpiar, con estilo responsivo para adaptarse a dispositivos móviles.
Código base del componente #
<?php if (isset($form)): ?>
<style>
.boton-buscar input,
.boton-limpiar a {
margin-top: 2%;
display: block;
width: 100%;
text-align: center;
}
</style>
<filtrar-inmuebles></filtrar-inmuebles>
<?php endif; ?>
<br><br>
Rutas del archivo #
- 📁 Ubicación en el plugin:
inmuebles/componentes/search/search-form-sidebar.php
- ✏️ Ruta para sobrescribirlo desde el tema hijo:
visualinmueble/templates/inmuebles/componentes/search/search-form-sidebar.php
¿Qué se puede editar? #
Desde el tema hijo, puedes personalizar:
- El estilo y estructura del formulario (
CSS, clases, contenedores) - El componente Vue si lo tienes accesible para modificación (
<filtrar-inmuebles>) - Incorporar nuevos filtros personalizados o campos adicionales
- Modificar comportamiento del botón de “Buscar” o “Limpiar”
- Cambiar diseño visual de los filtros (estilo de los botones, tipografía, colores)
