Disable prettyPhoto WordPress (Visual Composer)

Question

Hi I'm trying to get WP Featherlight setup as the default lightbox, right now Visual Composer is using prettyPhoto. So I need to disable it, so that WP Featherlight will overwrite it.

I asked wpbakery and I got this response.

Hello, you can actually overwrite prettyphoto by adding prettyPhoto() in your functions.php and call another lightbox.

And from the plug-in author I got this:

Once prettyPhoto has been disabled, you shouldn't need to do anything else to lightbox images on the site.

So it's pretty clear what I need to do. Disable prettyPhoto. But I don't know how to do that. Can I add a simple line to my child theme's functions.php? Or?

Any help would really be appreciated.

Thanks.

Answer 1

You have to enqueue a custom javascript in your child theme where you override the following function:

function vc_prettyPhoto() {

}

in this way you disable prettyPhoto script initialization made by Visual Composer.

Answer 2

Place the following code in your theme's function file.

function remove_vc_prettyphoto(){
  wp_dequeue_script( 'prettyphoto' );
  wp_deregister_script( 'prettyphoto' );
  wp_dequeue_style( 'prettyphoto' );
  wp_deregister_style( 'prettyphoto' );
}
add_action( 'wp_enqueue_scripts', 'remove_vc_prettyphoto', 9999 );

I have tested this on my installation and it works flawlessly.

What it does is dequeues and deregisters the javascript and stylesheets that Visual Composer enqueues and registers throughout the plugin's PHP files for the various template elements and shortcodes that use the prettyPhoto lightbox.

The '9999' parameter enforces that the dequeuing/deregistering happens well after any enqueuing or registering took place earlier on in the loading of the plugin. Any number will do, but the higher the number the better.

Answer 3

Not sure if you solved the problem, but I have a solution (not very elegant, but it works).

I did buy ePix theme for a photographer and noticed that Masonry Media Grid from Visual Composer isn't fully responsive. So my soulution was to edit 3 files from wp-content/assets/js/dist. Those files are: vc_grid.min.js page_editable.min.js js_composer_front.min.js

Just remove window.vc_prettyPhoto() or vc_prettyPhoto() from wherever they appear.  

After that I installed Lightbox by dFactor, choose swipebox and used as selector prettyPhoto. Also I did force lightbox on link images. Now the lightbox is fully-responsive.

Hopefully this will help somebody :)

Answer 4

You can disable Pretty Photo. Use the below code in theme's function file, thats it.

function remove_scripts(){
  wp_dequeue_script('prettyphoto' );
  wp_deregister_script('prettyphoto' );
}

add_action( 'wp_enqueue_scripts', 'remove_scripts', 100 );

It will work.

Answer 5

I have tested on my own issue to deactivate some sliders from the Visual Composer and it works. An example how to deactivate the whole Flexslider, Nivoslider and Owl Carousel sliders in the Visual Composer plugin. Add this code into theme functions.php file:

add_action( 'wp_enqueue_scripts', 'deregister_vc_modules', 99 );
function deregister_vc_modules() {
    wp_deregister_style( 'flexslider' );
    wp_deregister_script( 'flexslider' );

    wp_deregister_style( 'nivo-slider-css' );
    wp_deregister_style( 'nivo-slider-theme' );
    wp_deregister_script( 'nivo-slider' );

    wp_deregister_style( 'owl-carousel' );
    wp_deregister_script( 'owl-carousel' );
}

Answer 6

You can use code bellow to disable that javascript lib. Put that into your functions.php of theme

wp_dequeue_script( 'prettyphoto' );
wp_dequeue_style( 'prettyphoto' );

Also other page buider you can use is King Composer, which is faster VC https://wordpress.org/plugins/kingcomposer/