Code

Discussion on Justified Image Grid - Premium WordPress Gallery

Discussion on Justified Image Grid - Premium WordPress Gallery

By
Cart 22,332 sales
Recently Updated

Firsh supports this item

Supported

This author's response time can be up to 1 business day.

8359 comments found.

I really like the style/formatting of JIG but have a pre-sale question. I have a need for a WHITE background (vs the typical blacked out or darkened background on most lightboxes) on the lightbox view. Can that be accomplished with JIG and its bundled lightboxes? TIA

Firsh Author

Yes look at the wedding-themed (last) example of this lightbox: https://justifiedgrid.com/lightboxes/photoswipe/ the JIG implementation includes a light skin!

With no recent changes, my use of the JIG plugin on my site is suddenly causing “critical error” on my WordPress site.

For now, I moved the plugin off my home page and onto a test page: albj.net/test – the page password is simply “password”

My plugin code is: [justified_image_grid row_height=100 caption=slide mobile_caption=same caption_match_width=no caption_title_size=10px caption_desc_size=10px caption_align=center gradient_caption_bg=no orderby=rand filter_orderby=random max_rows=8 disable_cropping=no flickr_search_tags=-license,-plate,-custom,-vanity,-tag,-MDG flickr_search_tags_m=all flickr_search_user=55455788@N00 flickr_description=no]

The WP version and all plugins are fully up to date. There was a recent JIG update that I just installed a moment ago, and the problem remains.

I use a different codeset of the same plugin at photos.albj.net which is still working fine. But on my main site, it simply started with the critical error. Any advice?

Firsh Author

It would be helpful to see the nature of the error, did you receive an email with more verbose explanation or does something appear in the error log? It could have been a memory issue or something else masked by WP’s simplifaction of error messages.

I should’ve screenshot it, but it showed the minimal core of my WP theme (but must not have fully loaded the CSS because the fonts were wrong). Below the usual header, there was a simple DIV container with a message about the site suffering a critical error and a generic link for troubleshooting this sort of problem. That really was pretty much all there was to it. I didn’t get any e-mails. I was just randomly visiting my own site as I do from time to time to make sure all is well, and realized the problem. My quick Google-foo tells me the wp-content folder should have a debug.log file that might have info to share with you, but it’s not there. Only a bunch of 0-byte “temp-write-test” files. I found error-log file in wp-admin folder but nothing helpful in that file. I suppose it’s entirely possible my hosting provider had a momentary problem.

Firsh Author

That’s interesting, usually an error like that breaks the entire site (WP white screen of death, with or without an error message). It’s quite oldschool for it to break in the middle. I believe you can use some free monitoring services that check the site for you periodically. If you suspect the load is too high for your site, you can use CloudFlare to at least serve the static assets from their CDN for free. Also, a caching plugin can help preserve a working state of the pages and until something changes in the content, the site is less likely to break.

lyallc

lyallc Purchased

Hello. Using woocommerce, I’m looking at having a link to the product in the lightbox (photoswipe) displayed as an icon rather than text, and positioned alongside the other buttons. I know I can link to it with recents_link but was wondering if this kind of styling is possible?

lyallc

lyallc Purchased

Thanks mate, that makes it easier haha. Figured I’d put this here if anyone else was curious, I did manage to get the link to display as an icon using a fontawesome unicode as the content and changing it to a fixed position to sit alongside the other icons. Not perfect but it works! https://imgur.com/iBSDlNP

That’s neat! I guess it doesn’t fade out with the rest of the UI, though.

lyallc

lyallc Purchased

Yep. I did have it fade away when the mouse hadn’t moved for a couple seconds via javascript, but it never quite synced up with the photoswipe buttons, so I just compromised and made the buttons always visible. Like i said not perfect but still happy with it

Firsh, is it possible for JIG to access images on a Cloud server like AWS or BackBlaze?

No. That forum is a Pro Boards forum – so no image uploads. I set up the image host to provide the forum members a place to upload images that are shared on the forum so, the image host is completely independent of the forum. I was just thinking that since I already have the cloud hosting I might be able to use it for images on my site with JIG.

Ok. As long as you use it for images of your WP site by the way of syncing them there, there are ways to rewrite the image URLs in question. I use a software called syncovery to put files of the wp-content/uploads folder on the cloud then change the URLs on the site in question. Perhaps there are WP plugins that make use of the cloud. JIG out of the box would likely not be aware of your mirror, but PHP (and now JS) filter can change URLs if they are predictably different. https://justifiedgrid.com/support/faq/jig-images/ I can help write a little function that does this once you’ve established images on the cloud that (even manually) mirror your site’s files.

Alright, I’ll get back with you when I get around to trying it out.

Hello, I guess it’s common to upload the original photo data (e.g. 4 MB of JPG), and resize it to show in the gallery to shorten the loading time. While I was looking for a way to enable visitors download the original file not the resized data shown on the lightbox (in my case PhotoSwipe), I encountered below discussion.

https://wordpress.org/support/topic/download-image-in-full-size-not-scaled/

This method worked for the JIG version of PhotoSwipe, I found. after line 1769 of “photoswipe4.min.js”, I added a line like this “t=t.replace(“-scaled”,”“),” Then the download is done for the original file e.g. “IMG0000.jpg” not resized “IMG0000-scaled.jpg”. This is not very clean method and works only for the specific naming files, though.

Here are my questions. I now wonder if this modification cause serious issues on other JIG functionality, I hope not. Hopefully you can confirm it. And it would be nice when I can rename the file from the original file name stored on the server to a new name during the download.

thank you for your reply. I expected that you don’t recommend modifying the code. Thanks anyway for the offer of unminified files, but it’s not necessary as I could manage to edit the minified file already. Just adding one line wasn’t that difficult. That’s good to hear you also have this option in your to-do-list, to enable downloading file selection.

Unfortunately, I can’t follow your explanation about the image ID. The link you attached isn’t really helpful to me since I don’t understand how the JS and those parameters from WP work. That’s OK, I will wait for your official update, and for the time being, the non-clean hack I applied still works, with my own risk.

Ok, I added your name to this task so I’ll let you know when this feature is improved. It makes perfect sense, and I hope to leave the download.php behind.

Thanks!

Hello. For the life of me I cannot get 4 images in the gallery to sit 100% in a post.

https://forever1995.com/exploring-self-with-portraits/

If I add another image it spans 100% like;

https://forever1995.com/recent-work/

Ive looked at the settings and no luck. Is there something I need to add to the gallery code that is;

[gallery columns=”4” link=”file” size=”full” ids=”11370,11369,11368,11367”]

thank you

Thanks. Sorry I have no idea what your explanation is :) Is there code to add or a setting I tick? Yes on large desktop they are small and span 50% while small 100% – I want them 100% on larger screens. Not fussed about small devices and two rows.

Any update in this please? Thanks

Sorry for the delay. By looking at it everything functions normally according to the automatic layout rules. If I zoom out or disable scaling of my 4K TV then yes they don’t fill the full row and align to the left. But that is governed by row height rules, so if you increase row height, that gives them a chance to be larger, but there always be someone out there with some superwide monitor for whom they will never fill a row. You can center them with “incomplete last row” I believe that’s the best way to handle this, among allowing a larger row height to begin with.

For example, 800 row height and 600 deviation, let’s see what it does. If they are too big, decrease the number. Since all of them are portrait oriented, JIG will try to go 800-1400 range first, before going for 200-600.

Note that operating systems implement a default scaling on high res monitors such as 4K. So while it might be 3840 wide, the browser viewport reported numbers could be 2560. On my 27” monitor that is certainly the case as it’s too small for 4K, text is too small so I use 150% scaling so text is as big as on 1440p without actually lowering the resolution. If you target 1440p or 150%-scaled 4K then the row height should reach about 950 maximum. Try 575 row height with 375 deviation in that case.

Hey Firsh, Hope your Holidays are going well. I would really like to try using a completely different Lightbox with JIG but I’m not really sure just how to do it. Could you give me an idea how to go about this? And I’m sure the scope of this is beyond what you could respond here so if you’re aware of resouce or tutorial that might help, that would would be just as helpful.

Yes, I got that far with a lightbox that was installed with a plugin and it seemed to work using that setting. The problem I’m having now is the lightbox I’m trying ( I just picked one to try) is not installed with a plug-in. I got it off Git Hub. I need to figure out how to get into Wordpress first. Let me get that squared away and if I’m still having problems I’ll get back with you. Thanks – have a good Christmas!

Pick the built and minified js and css and include them using WP best practices https://developer.wordpress.org/reference/hooks/wp_enqueue_scripts/#usage (hooks). PHP code is according to this post: https://letswp.justifiedgrid.com/php-code-snippets-wordpress/ I recommend the your-own-plugin way. That way it’s independent of the theme and you can put the js in the plugin folder as well.

Will do! Thanks again!

Hi. I’m thinking of using a comments plugin called wpDiscuz which allows users to upload images. These items can be identified in the Wordpress media library by using the dropdown filter for “wpDiscuz Media Items” I was wondering if Justified Image Gallery would be able to automatically display these images on a page. I asked a similar question on the wpDiscuz support forum and they suggested a Meta Key could be used to identify them. “meta_key =_wmu_comment_id”

I’m not sure if that could work. Any ideas?

The alternative might be to use something like Real Media Library plugin to manually move the wpDiscuz items into an identifiable folder. But I’d prefer it to be automatic.

I thought I should ask before I buy the plugin.

Thanks

Sure, first example: https://justifiedgrid.com/support/faq/media-library-query-args/

Create a single grid (design it in the admin), and note the ID. Place the gallery as template tag along with the custom code in the page template of the page (or via PHP code block of your builder). You need to get the current meta_value which would be that comment id (they just gave you the key, but a value is likely needed as well).

Thanks. I’ll look into that. Very helpful.

Updating from old version 2.9 to latest Can you advise how this can be done in a good manner

Backup your entire site with UpdraftPlus free backup plugin, just in case, it’s also good practice. I’m not aware of any breaking changes but the UI did change a lot, including how you create galleries. The changes followed the path WordPress and its ecosystem took, such as the introduction of builders instead of standard themes and a new editor (Gutenberg) instead of TinyMCE. So things will be in different places. Grids have a live preview now and can be centrally created and you don’t need to fiddle with shortcodes anymore. The old galleries should continue to work as-is.

Great, thank you for the explantion. I could do the update with out any problems

pawgaw

pawgaw Purchased

I’ve got two licences for JIG, cannot automatic update. Support has been finished. What’s going on?

Your licenses are now released from the previously bound hosts. https://justifiedgrid.com/support/faq/your-license-has-been-reset-what-does-it-mean/

Can I add shortcodes of other gallery, created by another plugin into the this gallery? So, it will be a shortcode instead of the image, but will show up as an image. I have a plugin that has tooltips on images and I need those tooltips once you open the image from your gallery. Thank you.

In some cases yes, but other plugins’ galleries might not use the “attached to this” way of creating galleries. If so, that would be [justified_image_grid id=123] where 123 is the ID of custom post that another gallery plugin is using under the hood to register images to that particular gallery.

Other plugins’ treatment of images (such as pinterest sharing overlay, ratings, or tooltips) are not known to apply to JIG at all.

If the tooltips are bound to the lightbox (or after clicking an image), that could work since 3rd-party lightboxes tend to work well.

Feel free to try though, if it doesn’t work your way I’ll approve a refund. (Sorry there is no demo version.)

Ok, thanks for the explanation.

I’m confused – is the price $18 normally or is that just the cyber sale? If it’s $18 normally that would be wonderful and I may purchase several licenses once I have a time to make sure it will suit our needs.

It’s just during the sale it is unlikely to be repeated as with new features/updates and due to inflation I’ll need to raise the base price eventually (haven’t raised in years). You have until the end of Dec 4 to use the discount. I’ll think of a way to cater for customers who need unlimited license because of several sites, but currently CodeCanyon doesn’t offer that kind licensing. I’m thinking of an off-marketplace version/offering that doesn’t break exclusivity rules, perhaps features sold separately.

Thanks for getting back to me. I bought a copy as you probably know. I may need volume licensing at some point in the future. If you come up with that, please let me know. It looks like a great plugin. I’m eager to try it, but I’m caught up in another project currently. I hope you do well on the sale!

n0fear

n0fear Purchased

I used your documentation to enable search in NGG: https://justifiedgrid.com/support/faq/show-search-results-justified-image-grid/

however there is some bug, that i could not solve.

On the main page where i added the search it works.

On that page the search form is:

<input type=”search” class=”search-field” placeholder=”Search pictures…” name=”s”>

on the search result page where your php code from search.php shows another search field the field is however only

<input type=”search” class=”search-field” placeholder=”Search pictures…”>

the name=”s” is missing. So a second search on the result page does not work an the search query in only ?jig_custom_search=nextgen missing ?s=word in front.

Any idea for this?

I did not forget you, I just tested it locally using the latest versions of these snippets and when using both words, the result seems satisfactory: https://www.youtube.com/watch?v=w4FHU3YoIcs I have one image that is only a match for 2022, another for Berlin, and another that matches both. Results are as expected without any modification, is this not the case for you?

n0fear

n0fear Purchased

No this is completly other at my place, if i do gloria it works if i do 2022 it works (showing gloria first as they are some of the latest) but together it shows no results: https://www.partyamigo.de/fotos/

That’s interesting but I’m unsure of the different behavior. Anyway, updated snippet with the search and replace of spaces to commas (the dash didn’t work for me on your site but comma did).

The changed line is: $search_value = str_replace([' ', '+'], ',', $search_value);

Full code:

function custom_search_sc($atts) { global $wp_query, $query_string; if(!empty($wp_query->query_vars['jig_custom_search'])) { $jig_custom_search = $wp_query->query_vars['jig_custom_search']; $search_value = $wp_query->query_vars['s']; $search_value = str_replace([' ', '+'], ',', $search_value); echo do_shortcode("<center>Nicht das richtige gefunden? Versuche einfach eine neue Suche.<br /><br /><b>Zurück zum <a href="\"fotos\"">Fotoalbum</a></b><br />[jig_custom_search_form source=".$jig_custom_search."]<br /></center>"); switch ($jig_custom_search) { case 'nextgen': get_jig(array('thumbs_spacing' => '10', 'row_height' => '350', ' height_deviation' => '50', 'orderby' => 'date_desc', 'caption' => 'fade', 'ng_search_query' => $search_value)); break; case 'flickr': get_jig(array('limit' => '200', 'flickr_search_text' => $search_value, 'flickr_search_user' => '9563763@N08')); break; default: break; } echo '<style type="text/css"> .post-content{ display: none; } .elementor-posts-nothing-found{ display: none; } <br /> </style> <script type="text/javascript"> jQuery(".jigErrorMessage").text("Leider keine passenden Bilder gefunden.") </script>'; $wp_query = new WP_Query(); $query_string = ''; } } add_shortcode('custom_search_sc', 'custom_search_sc');

The plugin will not auto-update. I am using on the below domain that is listed. Please advise how to auto-update?

Thank you, Salvatore

There is a new version of Justified Image Grid available. View version 4.3 details. Automatic update is unavailable for this plugin. Add your license key to JIG settings for automatic updates! Automatic update error! This purchase code is in use on: www.imperfectlyperfect.org! You need one regular license for each production site, except staging sites. Contact JIG support to reset your license (only the username is needed).

Your license is now released from the previously bound host!

Learn more at https://justifiedgrid.com/support/faq/your-license-has-been-reset-what-does-it-mean

Hello. I have two licences on two sites and one updates to the new version with no issues. The second has this error “An error occurred while updating Justified Image Grid: Update package not available.”

Hi, does it say in the yellow update note box on the all plugins list something about your license?

I think I know what’s up. It’s now updating. Thanks!

Great!

lyallc

lyallc Purchased

Hello, I’m using filters for my gallery and have styled them for desktop but can’t seem to change it for a mobile view. Using ’@media only screen’ to define the breakpoints in the custom css field (in the Filtering tab of the plugin) doesn’t work. Do you know how I would achieve this?

Hi, the CSS settings on the Filtering tab relay those values to be declarations in CSS (meaning they are already between curlies). Use the Custom CSS on the General tab of in the WP Customizer if you want to include breakpoints.

olimax

olimax Purchased

the youtube video galleries have stopped working. I tried using your own examples on your site and they don’t work on the site either. My guess is Google has changed something

olimax

olimax Purchased

Very much appreciated. Keep up the good work!

Just chiming in to let you know that the update is out that restores channels!

olimax

olimax Purchased

You’re a star. Much appreciated

https://dronologie.me/

I added the grid to my homepage and its pulling from facebook. I added the account like a week or two ago. It gallery appeared the first couple of days, but now its not showing anything? The shortcode is on the homepage. I even created a separate page named “my work” with the grid on there and it still does not show.

We continued in the email thread.

Two-time buyer here. When using JIG, I get error messages from ahrefs due to the double slashes it creates in the links to the images files in the jig1-html container, for examples on

https://peterthompson.ca/2545-rue-du-bourgogne/

The update is out! Thanks for the bug report.

Amazing news. Works great! Ahrefs is happy again! Thank you Firsh!

fiffie

fiffie Purchased

Hi, I try to “add current user” to Facebook (me) I get this message – “Sorry, something went wrong. We’re working on getting this fixed as soon as we can”. Is there another alternative?

Ok I had no way to see for how long you are a user. It probably means the FB App is old. Don’t delete it but create a new one, according to the new instructions in the plugin’s Facebook tab. They changed a few things since then, especially if your app is a few years old. For example, the API version number is most likely very different now. If you switched on https vs http, changed the domain (even if it’s just www vs non-www) that means the redirect URI changed as well. Their error is not very descriptive.

fiffie

fiffie Purchased

Okay thank you, I will try that

fiffie

fiffie Purchased

Thanks! That worked.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey