Reply To: InnerBlocks + Slick slider

• eadadmin

• October 20, 2022 at 3:20 pm

If anyone finds this as I did, I got it working by basically “unslicking” and reslicking my slides:

(function($){

    var initializeBlock = function( $block ) {
		var sliders = $block.find('.testimonial-quotes');
		if (window.acf) {
			if (sliders.hasClass('slick-initialized')) {
				sliders.slick('unslick');
			}
		}
		sliders.slick({
			dots: true,
			infinite: true,
			speed: 800,
			slidesToShow: 1,
			slidesToScroll: 1,
			draggable: true,
			fade: true,
			cssEase: 'linear',
			arrows: false,
			dotsClass: 'ep-block-dots',
			autoplay: true,
			autoplaySpeed: 5000,
		});
    }

    // Initialize dynamic block preview (editor).
    if( window.acf ) {
        window.acf.addAction( 'render_block_preview/type=wed-testimonials', initializeBlock );
		//window.acf.addAction('remount/type=wed-testimonials', initializetestimonials );
    }

})(jQuery);

Hope that helps someone!