Problem: Responsive Lightbox plugin doesn’t work

Possible Reasons:
*Outdated JQuery.
*Lightbox is in conflict with another plugin.
*Lightbox is in conflict with the site’s current theme.
*Site’s current theme may be outdated.

Possible Solutions:
*Use a debugger tool (like in Chrome browser or the firefox Web Developer Addon) to examine Javascript and JQuery.
*Deactivate any other image related plugins to find the one causing the conflict.
*Switch to a different theme (be sure to save/backup site) to see if the theme is the source of the conflict.
*Update Theme/Plugins/Javascript/JQuery.
*Trigger ajaxComplete under Custom Events.

Problem: Two lightboxes appear at once

Possible Reasons:
*A theme includes it’s own lightbox.
*Another lightbox plugin is in use.

Possible Solutions:
*Switch to a different theme (be sure to save/backup site) to see if the theme is the source of the conflict.
*Deactivate the plugin or the plugin that is believed to be causing the conflict.

Problem: Responsive Lightbox plugin doesn’t work for gallery

Possible Reasons:
*Responsive Lightbox only works on galleries that come with WordPress. Galleries that come with a theme or a plugin may not work with the Responsive Lightbox plugin.

Possible Solutions:
*Try using native WordPress gallery or ask the theme / plugin developer to make it compatible with Responsive Lightbox.
*If using Jetpack enabled galleries, enable the Force gallery lightbox option.
*If using WooCommerce galleries insert the following code into the theme’s functions.php file

function df_woocommerce_single_product_image_html( $html ) {
	$html = str_replace( 'data-rel="prettyPhoto', 'data-rel="lightbox', $html );
	return $html;
add_filter( 'woocommerce_single_product_image_html', 'df_woocommerce_single_product_image_html', 99, 1 ); // single image
add_filter( 'woocommerce_single_product_image_thumbnail_html', 'df_woocommerce_single_product_image_html', 99, 1 ); // thumbnails

Problem: Responsive Lightbox plugin does not work on mobile devices

Possible Reasons:
*Need to clear cache.
*Need to update browser.
*Need to disable any mobile browser add-ons or extensions that would interfere.

Possible Solutions:
*Clear cache.
*Switch to a different browser to see if problem persists.
*Update browser.
*Disable add-ons.

Leave a Reply

Your email address will not be published. Required fields are marked *

2 comments on "Troubleshooting"

  1. I am not able to make images of gallery to float none or float center, Can you please tell me how to stop images with float left css.

    • It is unrelated to this plugin.