• Ir a navegación principal
  • Ir al contenido principal
Código Genesis

Código Genesis

Tutoriales para Genesis Framework y WordPress

  • Empieza aquí
  • Acceder
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse

Añadir campos extra a los inmuebles y mostrarlos en el widget de AgentPress listings

Descubre en este tutorial cómo agregar campos personalizados al plugin AgentPress listings y conseguir que se muestren en su widget de inmuebles destacados.

El child theme AgentPress Pro está pensado para mostrar inmuebles, al estilo Habitaclia y similares.

Pero como la gente de StudioPress tienen la buena costumbre de no meter la funcionalidad dentro de sus temas, han desarrollado un plugin llamado AgentPress listings que es el que se encarga de gestionar toda la información relacionada con las casas.

Campos por defecto del inmueble en AgentPress listings.

Recientemente, Mario, uno de los suscriptores de Código Genesis, me preguntó cómo podía incluir algún campo extra en AgentPress listings además de los que ya vienen por defecto.

Campo extra del inmueble, «condiciones» en AgentPress listings.

¿Por ejemplo? Uno que permita especificar si se trata de un alquiler o de una venta.

Interesante, ¿verdad? Así que preparé un tutorial para mostrar un campo extra en los inmuebles y mostrarlo en la página de archivos (inmuebles).

Pero el plugin Agentpress listings también tiene un widget de «Inmuebles destacados» que es que se utiliza en la demo del tema Agentpress Pro.

Eso sí, para que se muestre el nuevo campo también en este widget hay que realizar alguna modificación más.

¿A ti también te interesa añadir campos al widget AgentPress Listings?

Ejemplo del widget AgentPress listings mostrando campos personalizados de inmuebles.

Entonces sigue leyendo. 😉

Instrucciones para mostrar un campo extra en el widget de AgentPress Listings

1. Añade un campo extra al inmueble

Añade el siguiente fragmento de código al final del fichero functions.php de tu child theme de Genesis (probablemente AgentPress Pro):

Para ver este código y los otros 1275 snippets de esta web,
identifícate o suscríbete aquí.

Utilizando el filtro agentpress_property_details del plugin Agent listings, consigues agregar un nuevo campo a los detalles del inmueble.

Pero necesitas realizar otro paso para conseguir que se visualice en el widget de AgentPress listings.

2. Muestra el campo extra del inmueble en el widget

Una vez que has añadido el campo personalizado tienes que asegurarte de que se incluye en el widget de «Inmuebles destacados» de AgentPress listings.

Para ello, añade el siguiente fragmento al final del fichero functions.php:

Para ver este código y los otros 1275 snippets de esta web,
identifícate o suscríbete aquí.

Gracias al filtro agentpress_featured_listings_widget_loop, consigues incluir el nuevo campo personalizado en el loop del widget que muestra el listado de inmuebles destacados.

3. Ajusta el diseño

Por último, asegúrate de que se visualiza correctamente añadiendo este snippet al fichero style.css:

.listing-conditions {
    display: block;
}
Ejemplo del widget AgentPress listings mostrando campos personalizados de inmuebles.

Conclusiones

Ahora ya sabes cómo introducir un nuevo campo personalizado a los inmuebles y que se muestre en el widget de «Inmuebles destacados» de AgentPress listings.

Si tienes alguna duda sobre este tutorial, déjala en los comentarios.

¿Sugerencias para próximos snippets? Envíamelas con el formulario de contacto.

Todo ventajas de ser suscriptor.


Agentpress Pro CPT CSS PHP WordPress

Nahuai Badiola - CEO

Desarrollador web especializado en WordPress y Genesis Framework. Me encanta contribuir a la comunidad de WordPress y Genesis dando charlas en WordCamps, organizando eventos, traduciendo temas y plugins… más sobre mí.

Para dejar dudas o preguntas sobre este código,
puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto
  • Legal

¿Has olvidado tu contraseña?