Descubre cómo personalizar nuestro widget de listado de barrios destacados para potenciar el contenido, funcionalidades y el SEO de tu sitio web inmobiliario. Este práctico widget te permite mostrar un listado de los últimos (x número) de barrios con más inmuebles de tu inventario en cualquier página, proporcionando a tus usuarios una rápida visión de las zonas más populares y atractivas para vivir. A continuación, te explicaré los pasos para personalizar este widget:
- Crea una carpeta llamada “visualinmueble” en la raíz del tema que estás utilizando en tu página web.
- Dentro de la carpeta “visualinmueble”, crea otra carpeta llamada “templates”.
- Dentro de la carpeta “templates”, crea una nueva carpeta llamada “widgets”.
- Ahora, dentro de la carpeta “widgets”, crea un archivo llamado “barriosDestacados.php”. Este archivo reemplazará al archivo predeterminado del plugin que muestra el listado de barrios destacados.
- Abre el archivo “barriosDestacados.php” y encontrarás el siguiente código:
<!--- EN LA VARIABLE $barrios VIENE EL LISTADO DE OBJETOS DE BARRIOS ---->
<!--- VERIFICA SI VIENEN BARRIOS PARA LISTAR ---->
<?php if (count($barrios) > 0) { ?>
<ul>
<!--- INICIA LA ITERACIÓN DE OBJETOS TIPO BARRIOS --->
<?php foreach ($barrios as $barrio) { ?>
<li>
<!--- MUESTRA EL NÚMERO DE INMUEBLES POR BARRIO ---->
<?php echo $barrio->conteo(); ?>
<!--- TRAE EL ID DEL BARRIO Y LO PONE EN LA URL DE RESULTADO DE BÚSQUEDA CON EL FILTRO DEL BARRIO ----->
<a href="/inmuebles/?barrios=<?php echo $barrio->id(); ?>" target="_blank">
<!--- MUESTRA EL NOMBRE DEL BARRIO ---->
<?php echo $barrio->nombre(); ?>
</a>
</li>
<?php } ?>
<?php } else { ?>
<!---- SI EL OBJETO DE BARRIOS VIENE VACÍO MOSTRARÁ EL SIGUIENTE MENSAJE --->
<li>No hay barrios disponibles</li>
<?php } ?>
</ul>
Ahora, si deseas configurar cuántos barrios mostrar, podrás hacerlo al momento de usar el widget. Por defecto, se mostrarán 8 barrios, pero puedes ajustar este número según tus necesidades.
Siguiendo estos pasos, podrás personalizar el widget de listado de barrios destacados en tu sitio web inmobiliario. ¡Espero que esta información te sea útil y logres mejorar la experiencia de tus usuarios!
![Personalizar listado de barrios destacados 1 widget barrios destacados](https://visualinmueble.com/wp-content/uploads/2023/07/image-12-300x234.png)
Con este código, puedes ir personalizando el diseño del Listado de barrios destacados para que se ajuste a la apariencia que deseas en tu sitio web. Recuerda guardar los cambios y, si es necesario, ajustar el CSS correspondiente para lograr la presentación visual que mejor se adapte a tu sitio web inmobiliario. ¡Buena suerte con la personalización de tu widget de listado de barrios destacados!