Avisos
Vaciar todo

Problema de pop up y cache  

 
Eugenio
 Eugenio
Estimable Member

Hola

 

Tengo unos códigos para abrir videos en pop up en mi sitio. Alguien del foro me comentó que igual wp-rocket está ocasionando el problema o igual es la nueva actualización de divi que viene con varios parámetros nuevos que aceleran el sitio y otras cosas. 

 

En la pagina, en developer tools hay errores. No sé como solucionarlo, ya intente varias cosas y no encuentro la forma.

 

Leí un articulo de wp-rocket pero no encuentro como resolverlo.  https://docs.wp-rocket.me/article/915-find-the-right-js-files-to-exclude-from-minification

 

Igual ese no es el problema y es otro.

 

Pongo uno de los códigos que uso para que el pop up de videos funcione. Antes servía perfectamente y por alguna razón ya no. En la pagina principal hay videos que si uno hace click en un navegador o móvil salen en pop up.

 

<script type="text/javascript">
(function($){
$(document).ready(function() {
$( '#videopopup1 a' ).addClass('popup-video');
$('.popup-video').magnificPopup({
disableOn: 100,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
});
})(jQuery)
</script>

 

Muchas gracias por la ayuda

 

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 27/08/2021 9:37 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Eugenio, 

puedes intentar agregar dicho código a las exclusiones de wp rocket, para hacer esto puedes seguir esta guía:

https://docs.wp-rocket.me/article/1104-excluding-inline-js-from-combine

verifica esta documentación y nos comentas.

Saludos

ResponderCitar
Respondido : 27/08/2021 9:54 pm

Eugenio
 Eugenio
Estimable Member

@argenis

 

Hola, seguí los pasos y use la versión no cacheada de wp rocket y el problema sigue. Y en un artículo igual menciona que si con el siguiente url no se soluciona, igual no es problema de wp-rocket.

 

https://www.elrugirdeldespertar.com/?nowprocket

 

Intenté ya varias veces ese video e instrucciones y me atoro. no encuentro lo que tengo que poner en wp-rocket y dónde con varios errores con distintos numeros en developer tools. Me encuentro en blanco. Luego el tutorial menciona si son inline u otra cosa y no se de esto. jajajaja soy muy basico.

 

 

Screenshot 2021 08 27 at 23.28.02
ResponderCitar
Respondido : 27/08/2021 10:29 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Eugenio,

Ya has probado solo por descartar vaciar cache y desactivar Wp Rocket? ya que de entrada estamos suponiendo que el error proviene de cache y es posible que sea algun otro complemento que se actualizo y esta sucediendo el error.

Prueba y nos comentas, Saludos!

ResponderCitar
Respondido : 27/08/2021 11:07 pm

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

Eugenio
 Eugenio
Estimable Member

@bruno-vichetti

ya lo hice, inclusive puse divi en safe mode y los erroes del los videos de pop up de la pagina principal no funcionan y siguen

por alguna razon el código de los videos no está sirviendo. no se si alguna funcionalidad este bloqueando el código que puse arriba al iniciar la conversación. 

ResponderCitar
Respondido : 29/08/2021 9:53 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Eugenio, 

Puedes enviarnos algunas capturas como tienes inicialmente configurado estos códigos en el sitio web?, de igual forma si es posible envíanos como tienes configuradas las opciones de wp rocket para la exclusión de código, de esta forma podemos verificar con mayor detalle que puede estar sucediendo

Un Saludo 

ResponderCitar
Respondido : 29/08/2021 5:50 pm

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

Eugenio
 Eugenio
Estimable Member

@karen

 

en la pagina principal (www.elrugirdeldespertar.com) cada video tiene su propio código con su id para identificarlo.

 

Segui este tutorial para hacerlo: https://ovdivi.com/abrir-un-video-en-un-pop-up-o-lightbox-en-divi/#comment-588

 

Me servía muy bien antes. No se si con las nuevas actualizaciones de divi o wp rocket algo hace que no funcione y tenga varios errores en developer tools de esa pagina. 

 

 

Muchas gracias

 

 

Un ejemplo del código es este:

<script type="text/javascript">
(function($){
$(document).ready(function() {
$( '#videopopup1 a' ).addClass('popup-video');
$('.popup-video').magnificPopup({
disableOn: 100,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
});
})(jQuery)
</script>

 

Aquí te paso capturas de wp rocket. Si deseas imagenes de wp-rocket de algún lugar especial me dices. Tambien comentarte que la nueva actualización de Divi, en ajustes hay nuevas opciones en Performance. Aquí te paso las capturas de pantalla:

 

Screenshot 2021 08 29 at 19.41.25
Screenshot 2021 08 29 at 19.41.38
Screenshot 2021 08 29 at 19.42.42
Screenshot 2021 08 29 at 19.44.54
Screenshot 2021 08 29 at 19.43.08
ResponderCitar
Respondido : 29/08/2021 6:47 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Eugenio, 

Entiendo, es posible que al actualizar Divi el código no esté funcionando bien. Para solucionarlo prueba añadir el siguiente código en el archivo function.php de tu tema (preferiblemente un tema hijo) y comprueba si al hacerlo las opciones del popup funcionan nuevamente 

function popup_enqueue_scripts(){
wp_enqueue_script( 'magnific-popup', ET_BUILDER_URI . '/feature/dynamic-assets/assets/js/magnific-popup.js', array( 'jquery' ), '1.3.0', true );
wp_enqueue_style('et_jquery_magnific_popup', ET_BUILDER_URI . "/feature/dynamic-assets/assets/css/magnific_popup.css", [], '1.3.0');
}
add_action('wp_enqueue_scripts', 'popup_enqueue_scripts', 20);

Verifica esto y nos comentas como ha ido todo

Un Saludo 

 

ResponderCitar
Respondido : 29/08/2021 7:10 pm
Eugenio me gusta

Cursos Gratuitos WordPress

Eugenio
 Eugenio
Estimable Member

@karen

 

WOW!!!

Funciona perfecto. Ya no hay errores de consola en la pagina principal. 

Pregunta, con este código que puse, tengo que revisar que no esté afectando otras partes del sitio que igual no me doy cuenta tan fácil??

muchisimas gracias

 

ResponderCitar
Respondido : 29/08/2021 7:31 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Eugenio, 

Enhorabuena esta funcionando nuevamente 😀. El código solo funciona para poner en cola las opciones de la biblioteca de Magnific Popup JS incorporada en Divi por lo que no debe afectar nada adicional en tu sitio web

Un Saludo 

ResponderCitar
Respondido : 29/08/2021 8:08 pm
Eugenio me gusta

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