Vamos a abordar otro error de esos "raritos" que se nos presentan sin aviso y que nos pueden traer de cabeza durante un buen rato.
En este caso, se trata de un error o bug que he sufrido trabajando con una plantilla de Oxygen Builder. Después de crear la plantilla, no pude asignarla al tipo de post de WordPress que quería. Concretamente había creado la plantilla para los artículos de blog de una website.
Voy a poneros en situación.
El desplegable de asignación de plantillas de Oxygen no funciona
Como decía, estaba trabajando en una website creando las distintas plantillas necesarias en Oxygen. Concretamente estaba creando la plantilla para los artículos de blog.
Después de guardar los cambios de diseño, fui a la ventana de edición de la plantilla (en WordPress) con la idea de asignar la misma a las entradas de blog, pero el desplegable de asignación de plantilla no respondía.
Al hacer click en las distintas opciones, "Singular", "Archive" o "Other" (mi instalación está en Inglés), los distintos desplegables o dropdown no respondían y no se desplegaban, no mostrando sus opciones.
Al revisar la consola en Chrome, no encontré ningún error.
También probé desactivando todos los plugins y dejando activo sólo el plugin de Oxygen Builder, pero esto no solucionó nada.
Para daros más información, la instalación en la que estaba trabajando es una instalación de tipo "multi-sitio" de WordPress, la verdad es que no sé si esto tiene algo que ver con el error o no. No lo creo porque ya había creado plantillas en el pasado y no tuve problemas.
Hacer funcionar los desplegables de asignación de plantilla de Oxygen Builder
Como de costumbre, a problemas raros, soluciones tontas.
En este caso, opté por "manipular" el DOM usando la consola en Chrome. Procede de la siguiente manera:
- Paso 1: En la ventana de edición de la plantilla, en WordPress, haz click derecho sobre cualquiera de las opciones. En el menú desplegable, selecciona "Inspeccionar" para abrir la ventana DevTools de tu navegador. Dependiendo del navegador la opción en el desplegable y el nombre de la ventana pueden variar.
- Paso 2: En la ventana DevTool (o como sea que se llame en tu navegador) , en la pestaña de "Elementos" o "Elements", busca y selecciona el <div> que tenga la clase "accordion-section-content" para el desplegable que quieras abrir. En mi caso quiero abrir el desplegable correspondiente a "Singular":
- Paso 3: En la sección de "Styles" o "Estilos" de tu ventana DevTools, en mi caso a la derecha, busca las propiedades de la clase "accordion-section-content". Entre ellas verás la propiedad CSS "display" que, como es lógico, tiene el valor "none". Cambia ese valor a "block" directamente en DevTools, haciendo click sobre "none" y escribiendo "block":
- Paso 4: En la ventana de edición de plantillas, en tu WordPress, podrás ver cómo las opciones del desplegable son ahora visibles. Edita lo que sea necesario, en mi caso activé la opción de "Entradas" porque lo que yo quería era asignar esa plantilla a las entradas de blog y guarda cambios.
Conclusión
A día de hoy es la primera vez que me he encontrado con este problema en Oxygen, y llevo trabajando con Oxygen a diario por más de tres años.
Una cosa que me extraña es que en consola no aparezca ningún error, ya que entiendo que la manipulación del DOM a partir de eventos (click) se hace con Javascript y si algo no funciona, debería reportarse un error en consola (o eso creo yo).
En fin, como en otras ocasiones, esta solución realmente no soluciona el problema, pero nos puede ser de utilidad para salir del paso y poder seguir trabajando en nuestro proyecto mientras que no encontramos la solución definitiva al problema.
Si alguien tiene más información al respecto de qué puede estar causando este error y/o de como solucionarlo, por favor dejen sus comentarios y ayuden a este pobre mortal a vivir más feliz.
