Avisos
Vaciar todo

[Resuelto] Autoptimize y acordeón de imágenes de Essential Addons Elementor  

 
Juan Alberto
 Juan Alberto
Usuario activo

Buenas tardes.

He instalado el plugin Autoptimize y me está dando conflicto con el acordeón de imágenes del plugin Essential Addons de Elementor, solo la parte de la animación, el contenido está bien.

En los ajustes de Autoptimize he ido probando a desactivar las opciones de optimización de JS, CSS y HTML por separado y la animación se recupera al desactivar el optimizado CSS. Al ser esta la razón principal de haber instalado el plugin de optimización me gustaría mantenerlo, ya que sí he notado bastante mejora en la velocidad de carga.

He probado con varios nombres en la lista de exclusión de optimizado CSS, pero ninguno ha funcionado. ¿Alguien sabe qué he de incluir en la lista de exclusión para recuperar la animación sin tener que desactivar el Autoptimize?

¡Gracias y saludos!

Contenido solo visible a usuarios registrados

Respondido : 22/06/2021 5:21 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Juan Alberto,

Entiendo lo que sucede, podrias compartirnos la url de la pagina donde sucede el error? para que podamos inspeccionar y determinar la ruta del CSS a excluir.

Saludos

Respondido : 22/06/2021 5:30 pm

Cursos Gratuitos WordPress

Juan Alberto
 Juan Alberto
Usuario activo

@bruno-vichetti 

Hola Bruno.

El acordeón está puesto en dos de las páginas de la web.

 

Al final de esta página:

https://larumbedanza.com/compania-ld/

 

Y en esta parte de esta otra página:

https://larumbedanza.com/desarrollo-creativo/#dimensiondanza

 

Qué rápido, gracias!

Respondido : 22/06/2021 5:40 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Juan Alberto,

He revisado ambos enlaces y no pude apreciar un acordeón en uso sin embargo inspeccione los elementos y los que corresponden como acordeones son las siguientes imágenes:

accordeon

Pero al darles click me llevan a una interna, tienes activa la opción de autoptimize que desactiva el efecto o los estas usando para llevar a esas internas? no he terminado de comprender el funcionamiento, si nos dejas capturas seria de gran ayuda.

Saludos

Respondido : 22/06/2021 6:01 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Juan Alberto
 Juan Alberto
Usuario activo

@bruno-vichetti

Hola Bruno.

Al estar activado el Autoptimize el acordeón no funciona debidamente y se muestra solo como una foto con fondo claro superpuesto en semi transparencia al pasar el cursor y enlazado a otras páginas si haces click en la imagen, sí.

El efecto de acordeón debería ensanchar la imagen horizontalmente y mostrar un titulo y un texto sobre dicha imagen al pasar el cursor, donde se haría click para ir esa página, como en la imagen de abajo.

 

Acordeon activo

 

También he notado ahora, al hacer la captura de pantalla desde elementor, que había desaparecido de la barra de herramientas "Editar con Elementor", que vuelve a aparecer al desactivar el Aotoptimize. No si sé si esto se debe lo mismo o si la barra tiene un límite de elementos a mostrar y se sustituye el de Elementor por el de Autoptimize al activarlo. En cualquier caso, dejo Autoptimize desactivado para que puedas ver la animación y por si lo necesitas así para localizar la ruta CSS a excluir.

Muchas gracias.

Respondido : 22/06/2021 7:00 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal,

Vale gracias por la captura ahora si pude entender la funcionalidad del modulo, pese a que se llama acordeón no lo es del todo, de todas maneras lo que nos interesa es que funcione asi que vas a agregar en el campo de excluir CSS en autoptimize la siguiente ruta /wp-content/plugins/essential-addons-for-elementor-lite

Recuerda que deben estar separadas las rutas por comas, si el problema persiste intenta excluir la ruta de elementor aunque no deberia ser el problema wp-content/plugins/elementor

Nos comentas como te va, Saludos

Respondido : 22/06/2021 7:13 pm
Juan Alberto me gusta

Juan Alberto
 Juan Alberto
Usuario activo

No, no funcionaba ni con una ruta ni con la otra. He probado también desmarcando "Minimizar archivos CSS y JS excluidos" y tampoco funcionaba.

He conseguido que se active el módulo desmarcando la casilla de "Incluir CSS incrustados". Estaba marcada por defecto y en las guías de configuración del plugin que he consultado la dejan marcada, pero la prueba de carga no se ha visto afectada al quitarla, por lo que de momento lo dejaré así, a no ser que me lo desaconsejes o haya otra ruta de exclusión viable.

Sigo sin ver la pestaña "Editar con Elementor" en la barra de herramientas (ni con las exclusiones que me indicaste). Si desactivo la optimización para usuarios editores/administradores conectados reaparece, pero no quería hacerlo para no ir a ciegas con las modificaciones en la optimización, ¿alguna idea para esto?

Muchas gracias.

Respondido : 22/06/2021 8:10 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Juan Alberto,

Vale entonces quiere decir que la incompatibilidad viene directamente en este caso entre Autoptimize y los Essential Addons Elementor podrias consultar directamente con los desarrolladores del plugin para consultar tu problema o bien como ya hiciste desactivando las opciones que causan el error.

Respecto a tu consulta de la opcion de elementor en la barra de administracion superior te has respondido tu mismo, al desactivar la cache para usuarios logueados a menos que no gestiones usuarios en tu sitio no va a afectar el rendimiento si desactivas esta opcion.

Nos comentas si podemos dar por resuelto el tema, cualquier otra consulta estaremos atentos.

Saludos!

Respondido : 22/06/2021 9:06 pm
Juan Alberto me gusta

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Juan Alberto
 Juan Alberto
Usuario activo

@bruno-vichetti

Gracias Bruno.

Sí, podéis dar el tema por resuelto.

Saludos.

Respondido : 23/06/2021 12:59 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola juan,

Estupendo, muchas gracias por manteneros al tanto del problema.

Un saludo 🖐️ 

Respondido : 23/06/2021 1:07 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación