Support for Justified Image Grid - Premium WordPress Gallery

Create a post or page for each gallery. They’ll be dummy posts, you don’t need to publish them, just keep them. Note their ID in the URL bar. In your main post to which you want to add all those, enter the ID attribute to the shortcode of each.

OR

Add every image to the single post, and use the “include” shortcode attribute to filter it down for each gallery in your post. E.g. you have 20 photos and 5 galleries (5 shortcodes), and include only the photos you want per each shortcode you add. You can figure out the media ID’s by going into the Media Library and hovering over the links to the images. Check the status bar of the browser for the ID’s.

OR

You can use images from an album on a Facebook page if that’s easier. Each album should only have the images you want per row.

In JIG Settings set “Lightbox type” to “Custom”.

Add this to “Custom lightbox JS call” setting in JIG settings, Lightboxes tab:

if(typeof window.nplModalRouted !== "undefined"){
jQuery(document).nplModal(nplModalSettings);
}

NextGEN settings -> Other Options -> What must the lightbox be applied to? -> All images OR All images that link to image files

This will enable NG Pro lightbox on JIG without any additional code. The comments sidebar is unavailable like this though.

If you do not wish to use NG Pro lightbox on a gallery for whatever reason you can add the gallery_link link class in JIG settings, Lightboxes tab, Custom lightbox section, Link class(es) setting. For example you wish to use a different lightbox for mobiles then set this class and the “Use link attributes” setting to “Only on mobile devices. ” – this’ll exlude NG lightbox for mobile devices, allowing you to choose a different lightbox, according to the “Mobile lightbox” setting.

I’m marking certain entries which have been processed as a better, far more detailed FAQ. It’ll be part of an upcoming support center.

Have an issue with the lightbox types or any mobile specific settings or mobile presets? As in only one type of Lightboxes for all devices, despite the lightbox setting?

Go W3 Total Cache settings, “User Agent Groups” page. Tick “Enabled” for the first group there.

It does keep all benefits, as it just creates a different cache. It’s not an exclusion.

For exclusion see W3 Total Cache settings > Page Cache > Reject User Agents

It’s because Flickr went SSL only and old versions of JIG are not using Flickr via https.

Try these in the following order until it starts to work again:

Update JIG to the latest version, (autoupdate if you have a version that has autoupdates already, otherwise manually download it again and reinstall it, settings will be kept!).

Request a new API key from Flickr.

Make sure openssl is installed and active on your server (the hosting company’s support can help you with this).

If all else fails: http://codecanyon.net/item/justified-image-grid-premium-wordpress-gallery/2594251/faqs/16209

Better WP security: Go to /wp-admin/admin.php?page=better-wp-security-systemtweaks and remove the tick from Filter Suspicious Query Strings. It blocks TimThumb images from showing.

Sucuri Security plugin – > 1-Click Hardening (don’t use it)

WP All in ONE Security: Untick the options “Bad Query Strings” in: WP Security > Firewall > Additional Firewall Rules (tabs at top of page) > Bad Query Strings

Make sure you have v1.9+, disable conditional script loading in the general settings, and disable prettyphoto deeplinking on the lightboxes tab!

It’s because you are running low on memory of the device (usually older iPhone, older iPad, not the newer models). The memory usage increases with the amount, size (and quality) of the images and the number of elements on the page (captions, special effects, overlay, borders etc). The size of loaded images loaded is equal to the row height + height deviation settings combined and up to 3x times that on retina devices.

• Decrease the amount of images on the page. At least use the Load More feature (can be set to only on mobiles).
• Decrease the size of images for mobiles: use the mobile row height and the mobile row height deviation settings and lower values).
• Use the ‘Disable mobile hover interaction’ setting to get rid of captions, overlay etc effects that would otherwise react to mouse over and unnecessarily use memory. Since there is no mouse (and hover) on mobiles you might want to skip the procedure of tapping the images first to see the hover effect, and then open them with a second tap.
• Disable special effects on mobile devices
• As a last resort, disable the Retina Ready feature

Find the \wp-content\plugins\justified-image-grid\timthumb-config.php on the server and just change

define ('BLOCK_EXTERNAL_LEECHERS', true);

to

define ('BLOCK_EXTERNAL_LEECHERS', false);

You can temporarily revert by deleting the plugin’s folder via FTP. But it’s caused by not having enough memory for WP.

If there is a full blank screen it’s more likely a memory error.

If the site is partially there it’s more likely a PHP error that the site hides.

Go to WP installation folder via FTP, edit wp-config.php and set WP_DEBUG to true (from false). The error should be visible (in some cases it doesn’t change anything).

To increase memory limit, follow this article: http://docs.woothemes.com/document/increasing-the-wordpress-memory-limit/

Seek assistance by contacting me from my profile (I’ll need temporary login details to both wp-admin and FTP).

If you believe the error is not real: http://snippets.webaware.com.au/howto/stop-turning-off-curlopt_ssl_verifypeer-and-fix-your-php-config/

If you still wish to turn off SSL verifypeer then go to JIG settings: Advanced -> SSL verify peer, set this to “No”.

Upload the zip inside the main zip.

Video #1 – How to install

Buyer Help Resource Thread

It’s the default limit set by Facebook, and by the plugin for Flickr. You can increase it by setting the limit shortcode attribute to something higher.

You can find the limit setting on the General settings tab of both JIG’s settings and the Shortcode Editor, “Thumbnail count and dimensions” section, “Limit image count” setting.

Only show up to this number of images. Leave empty, 0 or -1 for unlimited. Flickr, Facebook and Instagram have a default limit of ~25 when nothing is set (empty).

Try adding this to the .htaccess file in the WP installation folder:

SecFilterEngine Off
SecFilterScanPost Off

1. Check if your WP installation is 3.3 or 3.4. If not, upgrade.

2. Check if your site loads the plugin’s js in the footer (view source). If not, add wp_footer(); to the footer.php of your theme.

3. Your jQuery version might be old, set a jQuery source in the plugin settings. Anything other than the default.

Further read:

Buyer Help Resource Thread

Why Loading Your Own jQuery is Irresponsible

IE can’t handle more than 32 CSS files. Decrease the amount of CSS files the site loads.

Some CDNs are not compatible with TimThumb (Amazon Cloudfront for example). Some are compatible. If yours isn’t, try the Jetpack plugin’s Photon service, or CloudFlare.

If you are using W3 Total Cache plugin and disabling it solves the problem:

Add these to the page cache settings’ rejected user agents field:

facebookexternalhit
FacebookExternalHit/1.1
FacebookExternalHit/1.0

And you can continue using the plugin. Source: http://wordpress.stackexchange.com/questions/53630/w3-cache-plugin-and-facebook-sharing

...you need to disable (turn off) Filter Suspicious Query Strings feature to avoid an error

“All of the images have failed to load. This is most likely a TimThumb permissions error…..”

Go to the Better WP Security settings > System Tweaks > Filter Suspicious Query Strings – Disable

If you have Intense plugin, disable it while you add your Instagram user.

Certain plugins interfere with rewrite rules. Try disabling some. I found that the ‘Ultimate Taxonomy Manager’ is one of those. Instead use WCK: http://wordpress.org/plugins/wck-custom-fields-and-custom-post-types-creator/ The rewrite rules are added by http://codex.wordpress.org/Rewrite_API/add_rewrite_endpoint and should work just about anywhere in your site.

Add this to JIG settings, General tab, Custom JS, or your theme’s Custom JS:

jQuery(window).load(function(){
    var jigs = jQuery('.justified-image-grid');
    if(jigs.length !== 0){
       jigs.data('justifiedImageGrid').createGallery('resize');
    }
});

If it results in a noticeable delay you can try:

jQuery(document).ready(function(){
    var jigs = jQuery('.justified-image-grid');
    if(jigs.length !== 0){
       jigs.data('justifiedImageGrid').createGallery('resize');
    }
});

Only if it didn’t help, and the grid is not misaligned but does not show up: go to JIG General settings, Advanced section, set Conditional script loading to No.

To make JIG work with Pretty Photo & Salient theme & NextGEN:
1) Set Lightbox Effects to “No Light Box” in NextGen settings.
2) Remove the Pretty Photo CSS from the main css file to avoid conflict.
3) Choose Pretty Photo in JIG settings.

Try disabling W3 Total Cache plugin if you have it, only during adding your user, then once that is successful, put W3TC back.

Put your feed through https://feedburner.google.com/fb/a/myfeeds as it outputs a standard format feed, just in case your original feed and the SimplePie parser in WordPress are not compatible or your server setup is unusual (or local xampp).

Edit the theme: framework/js/pe/jquery.pixelentity.widgets.bslinks.js

Code:

// find the line
var hasFlare = typeof $.fn.peFlareLightbox === "function";

// replace with
var hasFlare = false;

Add this to the link class setting of JIG:

product-image