Support for Justified Image Grid - Premium WordPress Gallery

An introduction to support on the Marketplaces

  • Envato staff look over every item before it can be sold on the Marketplaces.
  • Technical items contain help files to introduce you to the item and its components.
  • Authors can choose to support their items but this is optional and may vary.

Hands-on support for this item is provided by Firsh

They will respond to buyers' questions via this item’s comments.

Go to comments

Additional information from Firsh:

Frequently Asked Questions

The requested photo source cannot be loaded at this time. SSL is required

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

The gallery fails to load or I can click invisible images (I have a security plugin)

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

The Justified Image Grid JS is not loaded.

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

The browser crashes on my iDevice!

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.

Possible fixes:
  • 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

I get “no hotlinking” error.

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);

I get a full or partial blank screen on my frontend or dashboard (site crashes).

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).

How to use NextGEN pro lightbox with Justified Image Grid?

In JIG set lightbox to ‘custom’.

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.

I get SSL errors, ‘No albums at all’ from Facebook, or other weird errors where it should be working (3rd party image sources).

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/

Or you can change this in 2 places in the justified-image-grid.php. You can search for it and remove the comments from the beginning of the line:


//CURLOPT_SSL_VERIFYPEER => false, // REMOVE THIS ON LIVE SERVER

to


CURLOPT_SSL_VERIFYPEER => false, // REMOVE THIS ON LIVE SERVER

I see double images, the second gallery being unstyled and weird.

Please disable (or find a better) Lazy load plugin. JIG has its own form of lazy load as Load more – infinite scroll, you could also use that.

The package could not be installed. No valid plugins were found.

Upload the zip inside the main zip.

Video #1 – How to install

Buyer Help Resource Thread

I only get about 25 pictures from Facebook/Flickr.

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.

NextGEN albums/galleries link to the same page, nothing happens.

Update to v1.4.7+

TimThumb gives a 403 error (the images are not loading)!

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

SecFilterEngine Off
SecFilterScanPost Off

How can I display multiple galleries on one page?

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.

I’m not seeing anything!

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.

I’m still not seeing anything!

Go to the media library and click one of the pictures that supposed to show up in your gallery. Next to the thumbnail, under the upload date, there should be the dimensions. If that information is not there, delete the images and reupload them from a different browser. If the dimensions information is not there (for some weird reason), the plugin can’t work with your images.

Why is my jQuery version old?

I’m seeing the images below each other but only in IE?

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

I activated the CDN hostname replace, but no images are loading!

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.

I’d like to filter by NextGEN tags, is that possible?

Not yet, not natively. The workaround reloads a different page, but some people have been using it already:

Tag the pictures. Then you can filter by these tags using an extension dlabbe created in the comments. 7th commenter here: http://codecanyon.net/item/justified-image-grid-premium-wordpress-gallery/discussion/2594251?page=38

https://gist.github.com/Davidlab/5130772

https://gist.github.com/Davidlab/5134013

Facebook sharing doesn’t work at all.

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

If you are using a Better WP Security plug-in…

...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 are using a W3 Total cache plug-in and have an issue with the Lightbox types…

...(You get only one type of Lightboxes from the W3TC for all devices – e.g. Destop and Mobile, despite the Justified Image Grid Lightboxes settings.) you need to Disable W3 Total Cache for Mobile User Agents. Go to the W3 Total Cache settings > Page Cache > Reject User Agents, and enter those User Agents: iPhone Android iPad

How to center filter buttons?

Use my custom CSS setting:
.jig-filterButtons, .jig-filterTags {
    display: table;
    margin: 0 auto 10px;
}

I have a “Check your redirect URI setting” error

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

The Facebook overview page shows a 404 when entering an album!

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.

The grid is misaligned or I’m getting ‘element is too thin’ error!

In JIG General settings, Advanced section, set Conditional script loading to No.

If it didn’t help, also add this to 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 your theme doesn’t have a setting like that, wrap this in script tags and add it before the closing body tag in your theme’s footer.php file.

When to contact Envato Support

Authors are experts on their own items, but if you're having trouble using the Marketplaces you should come straight to Envato Support.

by
by
by
by
by
by