[Résolu] La galeria de imagenes a dejado de funcionar

[Auteur]

Publications

[Rafael Corts]

Hola Nigel, hace un tiempo me pasaste este enlace para adaptar una galería de imagenes con Toolset, a dejado de responder, el enlace que me pasaste fue este:
https://toolset.com/forums/topic/how-to-display-the-pics-i-uploaded-as-a-slider/#post-518295
la galeria es:
lien caché
Haber si mes puedes indicar si con las actualizaciones de toolset a dejado de responder o es otro motivo.
Saludos.
Rafa Corts

[Rafael Corts]

Hola Nigel las versiones de los plugins que tengo de Toolset de la pagina que no fucnciona son:
Toolset Types 3.3.10
Toolset Forms 2.5.6
Toolset Maps 2.0.2
Toolset Access 2.8.5
Toolset Views 3.1.3
Toolset WooCommerce Views 2.8.1.1

He mirado en otra pagina que también tengo el Slider y aquí si que me funciona pero con versiones mas antiguas:
Toolset Types 3.3.4
Toolset Forms 2.5
Toolset Maps 1.8.3
Toolset Access 2.7.5
Toolset Views 2.9.1
Toolset WooCommerce Views 2.7.10

Haber si con esto puedes averiguar alguna cosa.
Saludos.
Rafa Corts

[Nigel]

Hola Rafa

Me sorprende si algún actualización de Toolset lo rompiera, a ver.

Puedes pasarme credenciales para acceder al sitio y echaré un vistazo.

¿Dónde tienes puesto el slider?

[Nigel]

Hola Rafa

He identificado el problema, pero no sé que cambio ha provocado el error que aparece en las entradas que usan este plantilla.

(No resulta de un actualización de Views, he probado versions antiguas que dan el mismo error de JS, puede ser un actualización de WordPress mismo.)

El problema es en el código, usa $ en lugar de jQuery antes de que este atajo está inicializado.

Ve como el bloque de código para Maps está envolcrado en código así:

( function( $ ) {
	$( document ).ready( function(){
		// Your code here

	});
})( jQuery );

Tienes que hacer lo mismo con el código del slider, p.j.

(function ($) {
    $(document).ready(function () {
        // The slider being synced must be initialized first
          $('#carousel').flexslider({
            animation: "slide",
            controlNav: false,
            animationLoop: false,
            slideshow: false,
            itemWidth: 110,
            itemMargin: 5,
            asNavFor: '#slider'
          });
         
          $('#slider').flexslider({
            animation: "slide",
            controlNav: false,
            animationLoop: false,
            slideshow: false,
            sync: "#carousel"
          });
        });

})(jQuery);

[Rafael Corts]

My issue is resolved now. Thank you!