Code

Discussion on Justified Image Grid - Premium WordPress Gallery

Discussion on Justified Image Grid - Premium WordPress Gallery

By
Cart 23,134 sales
Recently Updated

Firsh supports this item

Supported

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

8469 comments found.

When I add new images to my flickr, it does not add those to the JIG gallery. How do I have it automatically grab those new images I uploaded?

There is a built-in customizable cache of one hour to avoid reaching your API rate limits. So after a delay they’ll show up unless you have further caching (plugins). In the Plugin Settings, Flickr tab you can temporarily change the Flickr caching time to something shorter or purge if you just want to see the new additions right away.

Hello Firsh, Hope you are doing well. Tell me, is there a way to create a copy of an existing grid?

With this yes: https://wordpress.org/plugins/duplicate-page/

I decided not to replicate functionality that already exists. Those that like to put cloning into their workflow usually have a plugin like this installed. An alternative is also good, but in the settings of this, the feature needs to be enabled for grids: https://wordpress.org/plugins/duplicate-post/

Ok, I didn’t realize a plugin would exist for something like this. I’ll check it out.

Is it possible, to import an large, existing “Wordpress Gutenberg block gallery” into a JIG or RML gallery? If yes, how this is done?

If you install the the plugin those will be displayed via JIG automatically, out of the box. If you don’t like it, it can be disabled. JIG does not modify the content, so if you uninstall, your site will be exactly as before. Improvements for and compatibility with the latest Gutenberg are coming in the next update.

“Choose a Grid” – on the block, never displays a list of galleries (new or old). Not able to drop down and choose a gallery. Any thoughts?

Please send a mail from my profile, I’ll need to log in with temporary wp-admin access and check it out.

Just sent you a message…I’ll need your email to give you temporary access. Thanks!

Been using JIG forever, but was wondering if it’s possible to link directly to a lightbox (like prettyphoto) from one image or one link? Then the lightbox would hold multiple images that weren’t previously viewed.

Hi,

There are multiple ways to do that, depending on what you need exactly.

The only exception is that random single images in the content won’t be touched by JIG or its lightboxes (currently).

The easiest way is to create a grid like normal but use the hidden limit setting on something like 50, while the limit is 1. The result is 1 thumbnail but 50 images in the lightbox in total (if you got that many).

Text links: You need to have a grid in the page, but hidden by CSS. A piece of Custom JS can redirect click on your text link to act as if the visitor clicked on the first thumbnail in JIG.

Multiple lightbox groups in a single grid (called straight to lightbox): https://justifiedgrid.com/sources/facebook/straight-to-lightbox-albums/ (this is available for RML and NextGEN too). You can have just 1 album, therefore 1 thumbnail in total. This is the most automatic way.

There are also ways to show “latest one” album, but it depends on your content source.

oh great thank you. I should’ve described what I’m looking for more but I think the first way will work best using 1 thumbnail. Straight to lightbox would work but I dont have facebook, RML or Nextgen…will it work with the default wordpress media library?

Ideally I would be using a modal (with Xtheme Cornerstone Builder) and the content area would have code for the gallery and a lightbox so that when you click the modal the first photo comes up in the lightbox, not a grid of photos.

Straight to lightbox with wp media library doesn’t work since there is no concept of albums. I’ll think of something to extend this feature somehow to what WordPress offers natively.

The first option will work well though.

The solution is without any 3rd party modals. Just place a single grid in your content with the hidden limit feature and you’ll see 1 thumbnail that will act as the launcher of the entire lightbox gallery.

Hello, just wondering how I can change the text properties in the Photoswipe lightbox? (eg. text size, font and padding) I know it uses the default body text style but I would like to modify it further.

With Custom CSS only. The selectors are

.pswp__caption .pswp__caption__center

and

.pswp__caption .pswp__caption__center small

Default styles are like:

.pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #ccc; }
I use your plugin on this site: https://www.lazertag.be/lasershooting-fotos/

But the images only load when I am logged in as admin. There are some errors visible in console

I use the Autoptimize plugin and Breeze plugin for caching. I allready disabled caching on that page, but that doesn’t help.

JIG puts its scripts at the bottom of the page. By that time the dependencies need to be loaded. Default configurations of caching plugins might bundle up all js scripts and defer/async them. Currently JIG breaks because of that. At the very least jQuery should be left alone and be loaded wherever WordPress usually places it. I’ll work on JIG’s initialization method to be more resilient to caching plugin interference or even be jQuery-free eventually. I never worked with Autoptimize so can’t give specific advice on how to configure it. You can of course keep using it, but the automatic settings are usually not effective (same goes with W3TC).

Sounds good! Hoping that one day you’ll not need the exclusion.

Hi Firsh

WP Real Media Library collections

https://justifiedgrid.com/sources/wp-real-media-library/collections/rml-content/animals/

Where are the terms at the top being picked from, ALL , green, sheep, cat etc?

Do I add them to Images, RML or JIG?

Thanks

Stephen

Hi Firsh

Is there a way of making “ALL, green, sheep, cat, etc” into buttons or have font, all uppercase and bold?

Thanks Stephen

In the plugin settings, Filtering tab you’ll find the CSS settings for the buttons and the tags style, there you can change the looks. What you’ll need are:

text-transform: uppercase; font-weight: bold;

The buttons style already looks like buttons, the example shows the tags style.

Thankyou Firsh

I’m posting this here as well as private. I have a few questions about Flickr Collections.

(1) Can I put one collection on a wp page, a second collection on a second page, and so on? To explain, I do school sports photography with pages for each school being School A, Sport 1, Collection a Sport 2, Collection b, etc. Each school will have 15 sports (collection pages) with each sport page showing a collection of albums (games) for just that school/sport. Can your plugin do this? You can see our old page at goflashwin(dot)com. (Our site is slow which is why we are moving to WordPress.)

(2) Can all the albums or collections display in square thumbnails like what you see in the link above?

(3) Will our high resolution images be reduced to display quickly?

(4) Lastly, we want site visitors to be able to download original images straight from the lightbox. Can this be done as well?

Thanks! Tim

4 is very important to us. The sooner we can get an answer the faster we can make our decision. Thanks!

Replied in the email thread!

Hello. Is it possible to add a grid layout that each square image links to a specific page? I have multiple projects on my website that are growing and the way to visit/ see them is an ugly drop down menu.

I’d like to add a square layout on the front page with text underneath that tells you what the gallery is the you are going to visit.

You can see what I mean over at https://forever1995.com where I use your plugin.

Update. Ive had a look around and even if I could make a grid layout that KEPT IT’S DIMENSIONS on images added – and add a description below- that would work. Looked at the code and got dizzy. Any chance you might be able to help?

THANK YOU.

Do you mean locking the aspect ratio to 1:1? There is a setting for that. You can put custom links on any image or use the project itself in recent posts mode for automatic linking. Perhaps if the projects have a custom post type or are in a category. In that case the grid will show their featured images. To turn off varying sizes in the grid you can set the “incomplete last row” to “match” in conjunction with the 1:1 aspect lock.

Eventually I’ll have face recognition assisted cropzones in some way so the square crop will become more useful.

No sorry that’s not what I’m after at all. Please view this image – I want a grid with the name of project underneath that links to its corresponding page.

Basically I want a uniform grid that shares a page of my projects. Like this…. (obviously images and descriptive text will all be unique) Its will also be 100% width and work on mobile.

https://forever1995.com/10654-2/

Yeah my reply is still applicable to this use case. The text under the thumbnail is normally separate from the link area of the thumbnail. They can be connected with a bit of custom code. https://justifiedgrid.com/support/faq/is-it-possible-to-make-the-caption-clickable-when-its-under-the-thumbnails/

100% width comes from your theme/builder, JIG takes all the space it can but will not force itself to be full width.

The generous thumbnail spacing might be a bit problematic, I recommend a somewhat reduced value especially for mobile.

I have just set up a number of pages using JIG, bringing in Flickr albums. I’ve been successful and you can see the albums display on my WP pages. I’m using prettyPhoto for my lightboxes. However, my Flickr photo titles are not showing up in my lightbox images. In my global JIG settings, I’ve also set “Link to Photo on Flickr” to “yes, link title (default position).” Since the title isn’t showing up, there’s no way to see if the link is working. Is there something more I need to do, either on the global settings page or each individual grid settings page.

I want all my grids to look and operate the same way. Does that mean that all settings should be on the global settings page or must I customize certain fields on each individual grid settings page?

I’ve checked the documentation, FAQs, and troubleshooting but can’t find anything that addresses my problem.

Should “WP field for link title (anchor tag’s title attribute)” be set to Title? (I tried that but it still didn’t show up. Also, where is the setting for the position of the title? In prettyPhoto JS settings, I have “show_title: true,”

I also have FT set for my social media in prettyPhotos but only the Twitter icon is showing up. Not Facebook.

Here is a sample page: https://www.chamomileteaparty.com/posters/2017-post-truth-reaches-new-heights/. I also just noticed that all the thumbnails aren’t loading. They were loading yesterday just fine.

Thanks!

This morning, I took a look at your timthumb.php file. I found that you have a limit of processing external images to 10MB on this line:

if(! defined('MAX_FILE_SIZE') ) define ('MAX_FILE_SIZE', 10485760); // 10 Megs is 10485760. This is the max internal or external file size that we'll process.

As I mentioned to you, most of my uploaded Flickr images are much larger than that (up to 50MB, but most in the 25-30MB). Is this a possible reason that I’m getting 403 errors?

Okay, I think I fixed the thumbnail load issue by using Jetpack. You should know that they no longer use “Photon” to describe this CDN alternative. They now call it “Site Accelerator.” Their tech support clued me into this. Here’s their page that explains how to turn it on: https://jetpack.com/support/site-accelerator/#how-to-activate-the-site-accelerator You might want to update your troubleshooting page.

I turned it on and it seems to be working now. If you could take a look to confirm, I’d appreciate it. Here’s one of my JIG pages: https://www.chamomileteaparty.com/posters/2017-post-truth-reaches-new-heights/

Thanks.

The thumbnail script is 3rd party though I’m taking over parts of it. The 10MB limit, I didn’t recall. If you use the normal sized versions from Flickr (screenshot earlier) then this would not hit the limit. 403s could be regardless happening due to a number of things.

Jetpack keeps changing and renaming their stuff, I’ll update it thanks.

Yes your site correctly loads small 340 tall thumbnail files from their CDN. If you prefer the originals in the lightbox, this is the best setup confirmed.

Hello, I was wondering how to set up a gallery with tabs as in the example here https://justifiedgrid.com/features/responsive-gallery/ Couldn’t find any information on it.

Hi, your theme/builder should bring the tabs, and then place individual JIGs inside each of them. Traditionally it’s been a tricky subject since JIG depends on being visible on page load for its layout to work. After a while I began supporting AJAX and tabs where some grids are not visible on page load.

What you see in the example is the tabs of the Avada theme.

Pre-sale Questions please: Is it possible to set the source as a custom post type, for example portfolio? Is it possible to put the filters at the bottom of the gallery? Thanks

Yes you can use any post type as long as they have featured images. You can move the filters via custom JS only.

Good Day, Can users upload photos and videos from to galleries from the front end with this plugin?

Nope, but check this out: https://justifiedgrid.com/support/faq/is-it-possible-to-have-frontend-upload-for-visitors/

Edit: it seems like that frontend upload plugin is discontinued. Perhaps another will do the trick.

Hi, 1st of all, awesome work and a real nice and versatile add-on/plugin for WP \../ – I see you have support for NextGEN and WP RML. Since WP RML is somewhat quite similar to Filebird, Filebird also comes chipped with AVADA Theme, and since so will you consider to make support for Filebird sometime in the feature as well(?) that would be rad. Anyways keep up the good work folks, appreciate your time and effort put into this script :D

I barely know that plugin but am definitely interested in adding more sources. However, I focus more on bettering what’s already offered and to create a more solid foundation for future features/addons. Not many ask for Filebird specifically, but there exists a snippet that might help you in the time being: https://gist.github.com/Firsh/3195fa2e2878bcfb7fb38993cf195321

The reason why I “push” RML is because I know its devs and they are good people with excellent code quality and work ethics. Also I personally use the RML-JIG combo on my father’s site with over 8000 media library elements and they work quite well together.

Thank’s for the reply and hones answers. I might consider RML in the feature as well. It looks neat and tidy. As for the filebird-code snippet – that’s awesome \../

We’re getting “YouTube scraping failed” messages and an empty gallery on our Youtube gallery that worked like a charm before. Newest update installed. Here’s the shortcode we’re using. [justified_image_grid row_height=200 overlay=others mobile_overlay=same overlay_icon_opacity=1 overlay_icon_url=https://www.arjes.de/wp-content/uploads/2021/01/icon_play_56px.png overlay_icon_retina=https://www.arjes.de/wp-content/uploads/2021/01/icon_play_112px.png overlay_opacity=0 aspect_ratio=16:9 link_target=video rss_url=https://www.youtube.com/playlist?list=PLGWm92MxsyhsBdtyXjkSHkBFprRfoygcE]

It seems to only work with the channel url – [justified_image_grid rss_url=https://www.youtube.com/user/arjes2009]

But doesn’t work with individual playlists anymore?!?

The shortcode with the playlist seems to work for me (it shows 1 video). Is your server located in Germany? YT may be serving different source for different countries or be A/B testing something that breaks the scraping for you.

There’s two issues with JIG:

1. The gird is wayyyyyy too wide on newer themes like twenty twenty two, and none of the suggestions in the FAQs seems to address this.

2. When using Photon/Jetpack, the thumbnails are not retina quality, they’re quite poor. There needs to be a way to double or triple the pixel resolution for Jetpack. The available options only affect TimThumb.

Hi,

1. It takes up all available space. If you need a narrower grid you need to control it from the outside by placing it in a less wide container/section/column. Most of my customers use builders where this is a given.

2. It’s up to them and they served retina last time I checked, you can test by zooming in with the browser and reloading the page. I’ll re-check. The settings on the TimThumb tab are supposed to affect TimThumb as that’s the thing I have control over. I aim to bring WebP and AVIF with the next update to make it more viable.

How are you Firsh….. Is there a way to use the Lighbox that comes with Elementor with JIG?

Do you know if they coded it or is it 3rd party? If so, what is it called? If the latter we could figure out what’s needed to be applied on a gallery. From JIG’s side you’d need to choose “custom lightbox” so it doesn’t try to apply its own. Besides that it’s up to the other party’s script to be comprehensive enough to cover layouts found in JIG. If it doesn’t apply out of the box, you could ask their support what is their “init script” (JS code snippet) if you want to apply it on custom layouts such as JIG.

I don’t think it’s 3rd party. It appears to be part of Elementor – or at least that what it looks like to me. I’ll try to look into it a bit more.

Hi Firsh

By default, the “Title” (which is the file name e.g., DSC_9769) is displayed on both the thumbnail and in the lightbox. Can you please tell me how I can use the “Caption” as the “Title” field on both thumbnails and lightbox?

Thankyou Snapper

Go to plugin settings, then:

For thumbnails: Captions tab, “What text to show” section, WP field to use for title.

For lightbox: Lightboxes tab, “What text to show” section, WP field for link title (or img alt, depending on the Lightbox).

If it doesn’t work then you are using presets in the grids. Use “preset authority” in the plugin settings to remove these settings from presets. If it still doesn’t work then you are using these settings in the grids themselves.

Using Grids, so adjusted them…Thankyou

This video on “How to create an app for FB connection” is outdated. https://youtu.be/IwX_uwXz_JM

I get this error on my website: Justified Image Grid: The Facebook content cannot be displayed, the error from Facebook: Error: OAuthException Code: 190, Error validating access token: The session has been invalidated because the user changed their password or Facebook has changed the session for security reasons.

Please, how to make the plugin work again? Can you please provide a detailed and updated instruction?

If you already connected an app in the past few months then click on the “Add current Facebook user” button again. That error sounds like a broken connection, not of a broken app. The steps in the plugin on how to create an app are up to date. The video contents now only roughly match how it currently looks like. Since Facebook UI is subject to change any time I’m bound to re-do the video, yes. The textual steps on the Facebook tab in the latest version are always kept fresh (v4.2.1)

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