Curso de OXYGEN - Página web de inmobiliaria - OXYRENT
Vamos a crear una página web completa con Oxygen. En este caso el proyecto se trata de una inmobiliaria, lo que nos perimtirá jugar con información dinámica.
Lección básica... pero por algún sitio hay que empezar. Instalamos OXYGEN, los módulos de JetEngine y aprendemos un truco para importar imágenes de ejemplo.
En esta pedazo de lección pegamos un repaso a Oxygen que te permitirá conocer sus componentes, interfaz y ajustes principales. Lección indispensable para aprender Oxygen.
Vas a flipar con esta lección donde utilizamos el elemento Repeater para sacar campos relacionados con JetEngine e incluso nos diseñamos una galería de imágenes del post.
Creamos el archive para el listado de inmuebles utilizando la herramienta nativa de Oxygen para ello, el repeater. Pero además aprendemos a crear condiciones de visibilidad a ciertos campos.
Comprobamos cómo integrar JetSmartFilters con Oxygen, los listing grids, y cualquier plugin que nos dé la gana dentro de Oxygen. Estilizaremos con JetStyleManager y con Oxygen Style Output.
Después de haber visto la mecánica y forma de integración de JetSmartFilters con Oxygen, realizamos algunos ejemplos más de filtros. Uno jerárquico, y otros dos referenciando a meta fields, uno con select y el otro de tipo range.
Si, ok, hacemos el blog. Pero lo IMPORTANTE es un truco que os enseño para poder poner cualquier función de WordPress como condición de visibilidad en Oxygen.
Comenzamos a crear una zona para los propietarios donde puedan subir sus propios inmuebles e incluso editarlos. Diseño a parte, aquí va el episodio sobre la parte de funcionalidad.
La manera más cómoda de trabajar campos en Oxygen es con ACF PRO. Sin embargo, no es para nada IMPOSIBLE hacerlo con JetEngine. Aquí os dejo una forma de hacerlo.