Code

Discussion on Justified Image Grid - Premium WordPress Gallery

Discussion on Justified Image Grid - Premium WordPress Gallery

By
Cart 23,148 sales

Firsh supports this item

Supported

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

8471 comments found.

Hi!

I have a PS question:

I need a solution for a personal project. I am looking for a portfolio plugin to showcase students (a post or a gallery for each student) to display in a grid (with portfolios) in the frontage and with the possibility to filter students by categories (grades). Students belong to a location and a category (grade). I will display the “filter” on the top and the locations as pages in the menu as the category pages (6 categories)?

The plugin does allow me to create several portfolios (post types): one for each student and then when a visitor clicks in the the featured image in the portfolio frontpage/ grid that opens the portfolio (gallery) with +4 or +5 nice pictures (could have a small slider effect) and a small description (name/ age/ sports). The description could be below the portfolio or I can set up a slide for that.

Does I achieve that with this plugin?

The plugin does support a portflolio grid of around 8 or 10 rows with 2 or 3 items (portfolios) per row and one could be able to filter by category or tag.

I am a WP beginner/intermediate user. No skills in PHP. I tweak a little CSS and very basic HTML.

This is what I have in mind:

WP sidebar menu: Location A – Location B – Location C

Grids: rows of student albums (!) with each row having 2 columns, so 2 portfolio (student albums) per row.

Filter at the top: Category 1 – Category 2 – Category 3 – Category 4

Please note that each portfolio project must be able to contain 6 or 7 images.

I also have to set up feature image for each student portfolio for each student when a visitor clicks that feature image then that opens ( with popup effect if possible) the (album) with several photos of the same student. Ok? Locations could be set as pages or category pages to set up the menu and grades are categories or tags… So I can do a match with location and students….

The trick is to be able to upload several pictures in the same portfolio project to make an album…

Can I achieve that? What do you think?

If positive I buy it.

Thanks

Yes this is possible albeit it depends on the image source to manage portfolios.

Would you like it like the 2nd example here: http://justifiedgrid.com/nextgen-gallery-galleries/#/ each set opens without leaving the page?

Or like this? http://justifiedgrid.com/nextgen-gallery-albums/ each project opens on its own page?

If you use WP post types, then only the example on the second link is possible, using “recent posts” feature. A different page will open instead of the lightbox, and you can put anything there, e.g. a JIG gallery that does open the lightbox with the 6 or 7 images in your project.

Alternatively, with recent posts you can open the (1) featured image in the lightbox and have a link below it to go to the project’s page. Sorry I have no demo of this at the moment but will do.

Regarding categories and locations, you can add both as 2 level filtering to JIG, if you prefer. Why I don’t have a public demo of that yet is a mystery :)

1st row: Location A – Location B – Location C 2nd row: Category 1 – Category 2 – Category 3 – Category 4 Then the grid.

A filter row doesn’t change depending on what you select in the other row, currently so you can hit combinations that have no results in the grid, usually it’s no problem. This assumes you have some content for category 1-4 for any of the locations

Hi!

This one; 2nd example here: http://justifiedgrid.com/nextgen-gallery-galleries/#/ each set opens without leaving the page

And I only need a filter on the top page for the locations… No need other filter for grades.

But need many rows… 2 album sets per row…. at least 10 or 12 rows.

What do you think?

It’s not possible in that case, due to the filtering requirement. The example is with NextGEN but it does not allow tagging albums or galleries, only pictures.

WP image source does not have the concept of albums->galleries so it would only work like the other example where you leave the page to open each project.

Many rows is not a problem.

Hi, I purchased and used this plugin for a client’s site. She deleted all the images in her media library and re-uploaded them at smaller sizes. She then deleted all her galleries. She went to add new galleries with the smaller images, and for some reason, the new galleries she made are showing duplicate images, and some of the images she’s put in the galleries are not showing up, and some galleries are showing images that she didn’t put in them. Please help!!!

Her site is: gillianclaire.com/blog

I have it set up so that any gallery she makes will be a JIG, so she is not putting the shortcodes in herself, she is just making a gallery like normal through Wordpress’s gallery settings.

Yes, contact me from my profile!

Thank you so much, just emailed you!

Got it I’ll reply there.

I use JIG with NextGallery and Social Gallery. I need the captions to stay visible on the thumbnails, none of the options work. They are there for a second and then disappear. Any suggestions?

Thanks!

Social Gallery disables them, there is a setting called “social overlay” “Show Social Stats overlay on JiG” in Social gallery which is enabled by default. Turn that off.

Thank you! That did the trick!

No problem!

Hallo Firsh, YOU ARE A GENIUS! It works like a charm. Great work. Thank you very much i appreciate your work and wish you all the best, your a great guy! Thank you! Regards Mario

Thanks! ;)

Hi,

I really like the plugin!

There’s only one small problem: the share icons below the image are showing up sliced. Can you help me with this?

See the gallery: http://brincandonojardim.com.br/galleries/brincado-no-jardim-fotos

Thanks,

Arnaldo

Ok then you also need to do this:

Open jquery.prettyphoto.custom-min.js in JIG’s js folder.

Do a Find for 135px and replace it with 300px there is only one occurrence.

Problem solved, Firsh! Thank you very much for your attention and quick responses!

No problem :)

Hi

How can I show the title or caption always visible, instead of on rollover? I am using Next Gen gallery with Justified Image Grid

Thanks

Edwin

Yes of course, set “captions” tab “caption style” setting to “fixed”.

I have a weird one for you.. I use JIG (love it by the way) to show the recent posts for our site. Is there a way that i can have single images that are not linked to a post get mixed into the recent posts grid, say an image that links to an advertisers website? Is this possible? if you want to see how we’ve used JIG: www.eatgeekplay.com

I can add your site to http://justifiedgrid.com/see-it-in-action/ (It’ll look better once I finish redoing the site).

JIG target with the lightbox option is just that, your link opening in the lightbox’s iframe. The image’s metadata is not pulled to that. But the “fake” posts’s data IS. Add the desired text as content of the fake post.

Since you are showing only “title” and no “description” (any of the 3 possible slots), you could utilize this to your advantage.

Use recents_description setting to pull the data from your fake post (auto excerpt), but turn off captions tab, “caption field” setting.

The core of that shortcode would be:

[justified_image_grid recent_posts=yes recents_description=auto_excerpt recents_custom_links=yes caption_field=off]

Your text would only be seen in the lightbox.

Great!! That worked!! another question.. Can I make the text in the lighbox hyperlinked? my other use is to use the lightbox to showcase art, but would like to link to the artists website. Take a look at the main page the one that says “Fan Art Of The Day” the text in the light box has HTML links in the content of the post, but the links do not show up in the lightbox.

The auto excerpt mechanism removes the HTML tags. Only if you are using posts, then you have the “excerpt” field below the editor. Add your links there and switch the JIG shortcode to be:

[justified_image_grid caption_field=off recent_posts=yes recents_description=manual_excerpt post_ids=12402 recents_custom_links=yes]

The change is recents_description=manual_excerpt from auto to manual. That does not strip the HTML links.

Hi..

Thanks for this plugin !

How can i hide the sharing options on social media for the photos?

Best regards

Lightboxes tab, prettyphoto social setting.

Yes Sir, Thank you so much !

No problem!

Hi Firsh, thanks for the plug-in, so far working great! I’m just wondering:

1. Is there an easy way to add a frame to each image? I’m not sure whether there’s a pure CSS solution, since you’d need to take the frame size into account when aligning the images? Btw, a simple rectangular frame based on ‘padding’ or similar property would be fine.

2. I read that there’s some security problem with TimThumb and you plan to use a modified version – what’s the status of this?

Thanks, Jiri

1. Yes it’s 3 differnt type of borders on the overlays tab. http://justifiedgrid.com/unlimited-colors/ 3rd example and http://justifiedgrid.com/preset-15-borders-and-shadow/

2. It doesn’t have any security problem and I keep unnecessary services disabled. I’m yet to slim it down.

Ohh, sorry for a dumb question, completely missed these border options…

No problem :)

Hey Firsh! Thank you again for this incredible plugin!

A few questions about JIG if you have the time.

1. I noticed that attachments require the post_status “inherit” in order to display. Is there a way to include displaying attachments on the ‘publish’ status or any other status? The plugin I’ve written handles attachments more like posts and publishes them and they do not have parents. (Actually, looking at line 8,929, it seems only ‘inherit’ is accepted. Answered my own question! It seems I’ll have to change this line and the one a little below it.) I’ll leave this as a feature suggestion. ;)

2. Does JIG rely on any of WP’s generated thumbnails at any point when using TimThumb? I’ve completely shut off WP’s thumbnail generation as it’s not needed in my case – unless JIG requires it. Just want to make sure this won’t cause JIG issues.

3. When using a mobile device (namely an iPhone 4) Foobox doesn’t appear to be used when selected. Unless Foobox looks and works totally different on a mobile device! (I’m not even sure if this is the iphone’s doing) Here’s what it looks like: http://i.imgur.com/V2B9d9T.jpg Any clue what that lightbox is?

Thanks! I greatly, greatly appreciate your help!

A. I’d rather not create a setting just for this. Creating a setting is easy, demonstrating what it does and minimizing clutter is not.

B. Is “any” an official value of some kind?

It’s weird that “inherit” doesn’t work as intended . I’ll do my own checks as well before changing anything.

I also have it on the todo to add actions and filters so you could change some tech aspects. Like entire queries or similar just by adding your custom functions to the (child) theme’s functions.php. So when JIG gets updated you wouldn’t lose the changes.

2. If you know what row height + deviation you generally use, and the thumbnail quality, then you can create a function to make educated guesses of what the JIG + TT image urls would be.

Ouch, what is your source of images and what niche is your site? If it’s private I’d love to check it out if you contact me from my profile.

A. My thoughts exactly!

B. Yep, see here: http://codex.wordpress.org/Class_Reference/WP_Query#Status_Parameters What’s nice is that it doesn’t include trash or auto-drafts.

And definitely double check everything I’ve done. I’ve written a lot of custom code and I’d be interested to know if that’s how it’s supposed to work or if I’ve tripped something up.

The actions and filters sound cool! I look forward to seeing what you come up with. :)

2. Cool! Thanks!

The source of images is all internal attachments uploaded by users. It’s not quite ready to be checked out just yet (I’m currently testing the insertion of dynamic caption content into Foobox and everything is broken at the moment! XD) but I promise to send you a message through your profile once it’s a bit more ready.

Thanks again for all your help! :)

Hi, I kept this thread open :) So I added ‘any’ instead of ‘inherit’ and you’ll have that in the next version.

Action and filter hooks are yet to be included, it requires more time to decide where they might be useful.

Hi Firsh, It seems that there is a compatibility problem between JIG and the theme The7 :
Their lightbox CSS overrides yours it seems … and the image is ridiculously small : http://www.lumeo.fr/project/portfolio-general/
I love your version of the prettyphoto lightbox (share button and the rest.) It’s much better that the theme’s. I wish it was the contrary (your version overriding anything else …) Thanks for any suggestion.

You can alter the image size in JIG, lightboxes tab, max size in lightbox set it to Full. But isn’t your uploaded image this small by default?

JIG is not supposed to take over your theme’s services so it’s the way it works. Normally you should be able to disable or remove prettyPhoto from the theme. The problem is that they just created css rules for it in this file: http://www.lumeo.fr/wp-content/themes/dt-the7/css/main.min.css?ver=4.4.5 probably spread across various lines.

Thanks !
” But isn’t your uploaded image this small by default?”
You’re right (as usual) ... i uploaded the wrong folder, the one with the small images. sorry. :)

Great!

I edited my reply above, thanks for answering me, I apologize, too many windows open, got confused as to where I was at.

I also figured it out, thanks anyway! I have never used this plugin jig yet, I bought it some time ago, but now that I had this issue, I will try it out soon on something else I will be creating soon. Loves trying new things and yours shall be next on my list. I often buy things that look promising before Envato jacks the prices on them and then forgets I have them until a need arises :)

It’s great that you did :) Let me know if you have any questions.

what is the email i should write to unbind my license of jig and have only one site and automatic updates. i used jug on test domain before implementing it.

I reset your license!

Can I make my gallery images searchable by visitors? In other words, if they type the name of an image in a search bar, will it show up?

I can reset the license any time you wish.

ok thanks so much!

No problem.

Hi. I’m using an events plugin, and I had the idea of using JIG to display its posts. The trick I’m interested in is how to use a field in a cpt to order the posts? The plugin creates a taxonomy term for Events, and JIG can see it, but I would like to both display the Date in the Description and order by date. 1. Can you suggest how to display a custom field in the Description line? 2. ...how to order images by a custom date field? 3. Are you interested in providing this as a one-off development? I couldn’t find your fee in your profile? Thanks

Does your event plugin already have a way of displaying your content according to your needs, without JIG? In the order you wish, and with the criteria you need regarding date?

Because if all else fails you could hijack the post IDs from a loop of that plugin and funnel it into JIG’s post_ids setting.

[justified_image_grid recent_posts=yes recents_post_type=EVENT_POST_TYPE post_ids=1,2,3] Which you can create a PHP template tag out of and place it in your plugin, where it would usually display the events in a non-JIG format.

hi again. I’m actually making some progress with this. But I’m not able to display my event date field with custom post metadata. The field is not on a wp core table, it’s on a plugin table. Like plugin_table_1.event_date I tried a few variations on that with a leading underscore.

If it’s not a native WP thing the JIG is not able to pick it up. You need custom coding for that. If you know how to access the field I can tell you where to add it in the code.

Have sent an email regarding “Justified Image Grid: The Facebook content cannot be displayed, the error from Facebook: Generic Facebook error” Any update? Regards

I’ll process it soon!

I get the message: No pictures in any album.

I’ve confirmed all other settings and there are several albums on this account.

Hi I’ve replied to that on nov20:

I can add other pages properly, e.g. taylorswift. So it’s not a problem with your server. It appears that I can’t add myself as a user, have you followed the app creation steps pointed out on the Facebook tab? Try creating a new app, closely following the instructions. Try adding your user profile first, see if that goes through.

Otherwise it could be that your page is not public enough.

E.g. try to open this in a browser where you are not logged in to Facebook:

https://www.facebook.com/1826**** (your facebook page URL instead of *)

vs

https://www.facebook.com/TaylorSwift

A public page should be visible even without logging in.

If you have any restrictions on the page, you should add a user profile to JIG first.

It was the privacy settings. Because it is a bar/restaurant, the age restriction was set to 21 and up. We just removed it. Thanks for the follow up Firsh! resolved.

If you add a user who is over 21 and then add the page it should connect through that user. Maybe they’ve changed it, but age restriction alone shouldn’t be a problem, I’ll check this out.

Licensing problem. I built the site on a sub-domain au.fitfathers.com and its now pointing to AutomotiveRythms.com, however it is the same site. I get the following message when trying to update automatically:

“Automatic update error! This purchase code has already been used on another domain! You need one regular license for each different end product. You can setup your staging area on the same domain to have autoupdates on both installations. Contact JIG support to unbind your license from the other domain.”.

How do I fix this.

Thanks

Morag Reid

I reset the license. It’s limited to 1 host at a time.

Hi Firsh, Is there a way to reference an existing JIG gallery on another page, showing only the filter buttons at first (with no thumbnails initially), so the buttons function as a menu?

I hope this description makes sense. I’m going to word the same question again below to hopefully illustrate what we need. Let me know if you need more info.

My client would like the filter buttons from the main gallery to appear at the top of each page that is contained in the gallery, the filter buttons would function as a menu for the user to use so they don’t have to hit the back button or link to get back to the whole gallery.

Thanks!

You can certainly decrease row height to 20-50 pixels or any low value. If you wish to put the thumbnails below each other and not as a row then you could limit the width of the gallery using custom width settings. There is no need to use Custom CSS for any of this.

I use JIG for “silo” site where there are parent pages that are index pages of several children. JIG can take the parent page’s id and show all children (you can define how many levels should it drill down in the tree).

I believe there is a workaround to show anything. The only case when filtering shows empty gallery is when you are using 2 level filtering and there is no match for a certain combination of terms between the two levels.

Guess you could add level 1 with “all” button disabled, and only 1 term to filter by. This filter term would get selected automatically (you could hide the first level filtering with CSS).

Then on the second level formulate your real filtering but for the first term add something that conflicts with the first level so nothing will be shown. Again disable all button for 2nd level too, and could probably hide the first term as well.

I admit I need to read the JIG manual much more thoroughly overall and now especially as it applies to this filtering discussion. I believe that I saw a place to edit a couple of the filter buttons CSS properties, but now I can’t find it though it is mentioned in the JIG pdf manual, but doesn’t seem to specify where to find the properties. Where can I edit the JIG CSS safely? Do you have a place to edit CSS built-in or do I use an external CSS file, such as the WP theme CSS file.

So far, I am confused by your description of the 2 level filtering to achieve a starting blank state.

I want to point out that normally, such as with HTML websites and even with most WP websites, most pages have a unique URL to link to when creating a menu. The pages of JIG that are filtered do not have a unique URL, so there is nothing to link to if I wanted to make my own menu. That is why I need to create a menu through JIG.

Thanks!

Filter button CSS is in the JIG settings FIltering tab (not the shortcode editor).

JIG filtering doesn’t have “deeplinking” that’s why you can’t link to them. They are not supposed to be used as a menu. It’s the same way tabs plugins (any that I’ve seen) don’t have deeplinking either.

hi firsh. how can i open single images in the JIG by default?

example: https://www.blackpaper.ch/fashion_accessoires/paul-mitchell-an-der-mbfdz-60331/

That’s not a feature sorry. You can add single images to JIG, but it can only take over galleries.

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