Slick js conflict with other plugins

Hello,

We have checked our plugin with the “Carousel Slider Block for Gutenberg” plugin and we have checked also with WordPress default theme and it’s working.

Can you please share a screenshot of your issue so we will check

Your plugin works fine but it will conflict with the Carousel Block plugin.. or any plugins that are using slick.js.

It would be nice if the slick.js and slick.css is only enqueued if shortcode for slider is executed.

As what I have mentioned on my ticket that I have temporarily fixed it by adding the carousel block hook check if its register or not.

Hello,

Yes, it’s right but WordPress slick JS basic many plugins available and it’s not possible to our plugin add condition WordPress all plugins.

We have care of our plugin. you have added a slider shortcode on your page then we have loaded slick JS.

Also just wanted to know why is the slick.js enqueue even if I am using a grid shortcode? Should the script only be enqueue when the slide shortcode is use.

As what I have said on my first ticket, I have added GRID SHORTCODE so it shouldn’t enqueue slick.js and slick.css from the plugin. But it did enqueue always… I have traced the code the enqueue script is trigger when the plugin is loaded.

See your code blocks below, some code are redacted “…” to focus on the actual code blocks that I am referring to.

product-categories-designs-for-woocommerce.php

/**
 * Load the plugin after the main plugin is loaded.
 * 
 * @since 1.0.0
 */
function pcdfwoo_load_plugin() {

....

	// Check main plugin is active or not
	if( class_exists('WooCommerce') ) {

....
...
		// Script Class
		require_once( PCDFWOO_DIR . '/includes/class-pcdfwoo-script.php' );
....
...
	}
}

add_action( 'plugins_loaded', 'pcdfwoo_load_plugin', 15 );

class-pcdfwoo-script.php

class Pcdfwoo_Script {

    function __construct() {
...
....
        // Action to add some style and script
        add_action('wp_enqueue_scripts', array($this, 'pcdfwoo_front_style_script'));
    }
....
...
..
    /**
     * Function to add style at front side
     *
     * @since 1.0.0
     */
    function pcdfwoo_front_style_script() {

        global $post;
        ...
        ...

        /*         * * Style ** */
        // Registring and enqueing public css
        if (!wp_style_is('wpos-slick-style', 'registered')) {
            wp_register_style('wpos-slick-style', PCDFWOO_URL . "assets/css/slick.css", array(), PCDFWOO_VERSION);
        }
        ...
        ...
        wp_enqueue_style('wpos-slick-style');        
        ....

        /*         * * Script ** */
        // Registring slick slider script
        if (!wp_script_is('wpos-slick-jquery', 'registered')) {
            wp_register_script('wpos-slick-jquery', PCDFWOO_URL . 'assets/js/slick.min.js', array('jquery'), PCDFWOO_VERSION, true);
        }
            ......
         ....
          ...
            wp_enqueue_script('wpos-slick-jquery');
           ...
           ....
       }
}

$pcdfwoo_script = new Pcdfwoo_Script();

Hello,

Please check our plugin version. our plugin latest version 1.4.1.

Actually, We are loading slick JS with slider shortcode. If you are not using a slider shortcode then slick JS is not coming we have care on the plugin already.

can you please share your website link so we will check properly?

please refer to below video link.

https://www.awesomescreenshot.com/video/19649429?key=6660ec41fb0b9e7e3a4333af1208318c

Thanks Ketan for the quick response.

I have checked again and you are right that its not adding the slick.min.js… but it will still add automatically the slick.css.

Is it possible for us to move the

    wp_enqueue_style('wpos-slick-style');

Within the shortcode along with the js enqueue?

Hello,

Yes, The slick.min.CSS file load is all shortcode but it’s no issue for load CSS file but we will discuss our plugin with our team.