Discussion on Justified Image Grid - Premium WordPress Gallery

3432 comments found

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
asterica Purchased

I’m having a problem with JIG not sorting WP images by title. Is this supposed to be by filename or title in the WP media library. Either way it doesn’t seem to be working.

Default-user
asterica Purchased

I’m also having a problem sorting with the WP gallery otherwise I would just use that and paste the IDs into JIG, but ideally I’d rather the sort by title worked in JIG.

Is the sort by menu just for posts?

Firsh
Firsh Author

How you are currently doing it?

Use WP gallery shortcode, let JIG take over AND you are using the “order by” setting in JIG General tab?

The order by is for WP images, WP posts, NextGEN. Random works on any image source though.

Do you have ids= in the shortcode? Do you have preset= in the shortcode?

Default-user
asterica Purchased

[justified_image_grid ids=”1005,1006,1007,1008,1009,1010,1011,1012,1013,1014,1015,1016,1017,1018,1019,1020,1021,1022” row_height=800 orderby=title_desc disable_cropping=yes]

I can’t use the WP gallery to order either. Even though the order in WP gallery edit dialog looks good, it doesn’t stick. When I go back to visual editor it’s the wrong order. That is why I MUST use order by title or some orderby.

Is the sort by menu just for posts?

Is the orderby title supposed to be by filename or title in the WP media library? Either way it doesn’t work but I still need to know.

Default-user
asterica Purchased

The ID order is correct. But it seems to be ordering them by a combo of random and ascending.

Default-user
asterica Purchased

The WP gallery seems to be displaying descending no matter what I do.

Firsh
Firsh Author

Order by is not just for posts.

Just tested with a few of my images, perfectly valid shortcode and it should order them by title descending. It’s the title you set in WP media library as the “Title” field. If you haven’t set anything then it’s derived from the filename by WP. Enable captions and set them to fixed so you can see the ordering.

If you need more help and me looking into it, contact me from my profile.

If you need the order that is represented by the IDs (as you say the IDs is the correct order) then juse use the default ordering:

orderby=menu_order

Default-user
asterica Purchased

I think the problem may have been caused by the plugin Simple Custom Post Order. I disabled it an now seem to be able to control the ordering of images. But now I don’t know how to order posts and pages in JIG. I guess I’ll trying the other plugin you suggested called Pages Order.

Firsh
Firsh Author

Try this plugin: http://wordpress.org/plugins/cms-tree-page-view/

Page order is a built-in feature in WP, if you look at the “page attributes” box you can see a number caled order.

The role of these plugins is to make ordering easier, but they use the same setting.

You can also try this option, but it’s for posts.

“Custom order (forced menu_order for recent posts, best used with “Simple Custom Post Order” plugin)”

I’ll update the recommended plugins if you think the simple custom post order plugin wreaks havoc.

Default-user
asterica Purchased

Actually…. in a previous comment discussion between you and I here on JIG/codecanyon.net, you suggested a plugin called “Pages Order” I have it installed but haven’t used it yet.

Previous to that discussion I had wanted to use the built-in feature of WP to order pages via the page attributes (which you didn’t seem to know about, so now it’s ironic that you are telling me about it) but IT doesn’t work with JIG. THAT is WHY you suggested Simple Custom Post Order and Pages Order plugins in the first place. We are going around in circles.

I’ve just spent about a day of my time trying to figure out why the gallery wasn’t ordering correctly, excuse me if I seem a bit frustrated.

Default-user
asterica Purchased

Is there something that I don’t know? Did you fix JIG to work with the WP built in page order? It’s possible that Simple Custom Post Order has recently broken, there are other complaints on it’s WordPress.org support page.

It would be very nice if JIG worked with the built-in WP Page Order, so we wouldn’t need to rely on plug-ins.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
viprotech Purchased

Hi Firsh,

I am using your JIG plug-in for setting up my new site, Awsome plug-in – but that you already know. My question is; can I use WPML to translate the description and title of the picture when I show the page in a different language? Anything I should be aware of?

I tried finding the answer but could not find a definite answer.

Thanks for the support. Frank.

Firsh
Firsh Author

Hi, what is your image source?

I’m working with the WPML team to make the plugin fully support it. It’s not yet officially supported. Have you tried translating the titles? I made it available for NextGEN metadata to be translated the same way NG allows it but I think they just enabled the text for WPML string translation module.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
Shashahan Purchased

Hi,

i have a small problem.

I use the Link class(es) option in the Lightbox section of JIG because i need to deactivate the lightbox of my theme. So far it works.

But i use the custom links functionality provided with JIG the link class option is ignored.

Is this the desired behaviour?

(Maybe it helps that i use a custom preset on one page)

Best Regards, Shashahan

Default-user
Shashahan Purchased

Ah, a little typo :/ Should be like this:

If i use the custom link functionality (image source: Wordpress media) and set the option “Custom link’s target” to “Lightbox: video / iframe / different image” OR “Dedicated video player page in the lightbox” the Link class will not not appear in the image link.

Firsh
Firsh Author

What would you like to do, what do you link to?

Set custom link’s target to lightbox. JIG link should be default. Your lightbox should be set to custom and not no/links-off/newtab.

Default-user
Shashahan Purchased

What i’d like to do: Disable the lightbox of my theme(Enfold) completely and use Foobox. To archive that I had to add the class “noLightbox” to the anchor tag of the image. I do that via the option “Link class(es)” in Link attributes (custom lightbox) section of the Lightbox tab. It works for my standard preset. To see it in action look at the source code of http://16qm.de The 2 rows of the pictures are coming from NextGen and are displayed via JIG. I created a second preset which is only used on special images with a custom link attached in the media library of wordpress. And there the link class “noLightbox” is not used for example: http://16qm.de/2014/07/18/kirche-st-martin-in-kelsterbach/

As in all cases before: I can give you admin access to my site if needed. Your are trustworthy :)

Firsh
Firsh Author

If you wish to disable your theme’s lightbox altogether it could be edited out of the theme.

Images with custom links, I see you point it to http://pano.16qm.de/st_martin/index.html but the class doesn’t get added.

Please note that if you set the custom class in the preset and not in the shortcode, then you need to include that setting in preset authority. By default the custom link is not saved to a preset and is a global setting.

Confirm this by going to JIG settings and clicking “edit preset authority”. If you only set the custom class in JIG global settings, the custom class setting should be blue instead of orange before saving its value to a custom preset.

If you’d like me to take a look at it you can contact me from my profile :) Thanks for the trust.

  • Bought between 50 and 99 items
  • Has been a member for 2-3 years
doug123 Purchased

Hi Firsh – I wrote yesterday the 21st, but do not see a response, so I’m writing again in case it got lost. I want to turn off the titles that display above the overlay images. Can this be done? Because they are the image file names and I don’t want these to display. Is there a way to do this? Many thanks.

Firsh
Firsh Author

Lightboxes tab, “what to display”, set them to off.

What text to show inside the lightbox

WP field for link title *

WP field for img alt * img_alt_field

OR JIG settings, lightboxes tab, prettyPhoto JS settings and set

show_title: true,

to

show_title: false,

Sorry didn’t get to your mail yet. Comments are faster!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
iftvio Purchased

Hi! I bought Justified Image Grid (version 2.0.4) and FooBox (v2.3.2.1). FooBox is running well on my site (regular posts), but is not working when I try to use it with JIG. The output JIG sends to the browser does not add the FooBox CSS class … I can use JIG with any free lightbox, but not with FooBox. @Firsh, can you please check the following configuration – WordPress 3.9.1 + Justified Image Grid (version 2.0.4) and FooBox (v2.3.2.1)?

Firsh
Firsh Author

Have you set JIG’s lightbox setting to foobox?

If so, are you using a preset in the shortcode? Then you need to remove lightboxes from the preset authority, otherwise the preset brings its preference of a built in lightbox.

Default-user
iftvio Purchased

Thank you for the reply!

“Have you set JIG’s lightbox setting to foobox?” Yes. Settings -> JIG -> Wipe all settings (to make sure we are running with out of the box settings). After that, Settings -> JIG -> Lightboxes -> Lightbox type: FooBox & Mobile lightbox: FooBox.

In my WordPress page I use the images from the media library and I added the following shortcode [justified_image_grid]

When I load the page I have the correct image positioning, but when I click any picture, instead of opening them with FooBox, it opens the image in a new tab (IE and Chrome – same behavoir).

When I look into the code I see: <a class=”jig-link jig-loaded” rel=”gallery1” href=”http://MYSITE-HERE/wp-content/uploads/2014/07/IMG_1496-1-1024×583.jpg”><img alt=”IMG_1496-1” src=”http:// MYSITE-HERE /wp-content/plugins/justified-image-grid/timthumb.php?src=http://MYSITE-HERE/wp-content/uploads/2014/07/IMG_1496-1-1024x583.jpg&h=230&q=90&f=.jpg" width=”311” height=”177” style=”width: 311px; height: 177px; margin-top: 0px;”><div class=”jig-overlay-wrapper” style=”display: none;”><div class=”jig-overlay”></div></div><div class=”jig-caption-wrapper”><div class=”jig-caption” style=”display: none;”><div class=”jig-caption-title”>IMG_1496-1</div></div></div></a>

If I look into the output from http://justifiedgrid.com/foobox/ is see fbx-link as CSS class for the A tag. <a class=”jig-link jig-loaded fbx-link” rel=”gallery1” href=”http://justifiedgrid.com/wp-content/gallery/cool/jigfrsh14.jpg” title=”I guess it was on the weekend”><img alt=”Santa Monica view” src=”http://justifiedgrid.com/wp-content/plugins/justified-image-grid/timthumb.php?src=http://justifiedgrid.com/wp-content/gallery/cool/jigfrsh14.jpg&h=230&q=90&f=.jpg” width=”391” height=”167” style=”width: 391px; height: 167px; margin-top: 0px;”><div class=”jig-overlay-wrapper” style=”display: none;”><div class=”jig-overlay”></div></div><div class=”jig-caption-wrapper”><div class=”jig-caption”><div class=”jig-caption-title”>Santa Monica view</div></div></div></a>

I have http://MYSITE/wp-content/plugins/fooboxV2/js/foobox.min.js?ver=2.3.2.1 http://MYSITE/wp-content/plugins/fooboxV2/css/foobox.min.css?ver=2.3.2.1 You have http://justifiedgrid.com/wp-content/plugins/fooboxV2/js/foobox.min.js?ver=2.1.0.5 http://justifiedgrid.com/wp-content/plugins/fooboxV2/css/foobox.min.css?ver=2.1.0.5
Default-user
iftvio Purchased

Hi @Firsh, As I mentioned I have WordPress 3.9.1 + Justified Image Grid (version 2.0.4) and FooBox (v2.3.2.1).

Settings -> JIG -> Wipe all settings (to make sure we are running with out of the box settings).

After that, Settings -> JIG -> Lightboxes -> Lightbox type: FooBox & Mobile lightbox: FooBox.

In my WordPress page I use the images from the media library and I added the following shortcode [justified_image_grid]

To help you with the troubleshooting I am providing you my test page. http://www.vioreliftode.com/index.php/photo-gallery/ – here I have the page configured as mentioned above.

FooBox is enabled and properly configured – you can test it in any other post from my site.

Based on my checks I found:

In my posts when I click an image r.handle (jquery.js jQuery v1.11.0:3) is fired. This event is registered for the A HTML tag.

In my photo gallery the r.handle (jquery.js jQuery v1.11.0:3) is registered for the IMG HTML tag and is marked with error when I debug using Chrome or Internet Explorer.

Firsh
Firsh Author

Looking at the source, JIG calling script is set to FooBox (that means it can detect FooBox is installed and active and wants to use it).

From my part it’s only this:

window['jigAddLightbox1'] = function() {
    window.FOOBOX.init();
};

This is a window level JS function that JIG fires when required.

window.FOOBOX.init();

however returns undefined. Could be that they changed something, I’ll contact them asap.

The class would be added by foobox, the fact that it’s missing indicates that it didn’t run.

I’m marking the gallery for foobox using the jigFooBoxConnect class which is there.

Firsh
Firsh Author

Ok what I see is that FooBox is not setup for JIG.

    $(".fbx-link").removeClass("fbx-link");
    $(".tiled-gallery").foobox(FOOBOX.o);
    $(".gallery").foobox(FOOBOX.o);
    $(".foobox, [target=\"foobox\"]").foobox(FOOBOX.o);
    $(".wp-caption").foobox(FOOBOX.o);
    $("a:has(img[class*=wp-image-])").foobox(FOOBOX.o);

You need to enable JIG support in FooBox with a checkbox. FooBox settings main page, last setting:

Justified Image Grid Add full support for Justified Image Grid galleries. No other custom settings needed!
Default-user
iftvio Purchased

I confirm, the setting fixed the issue. Awesome! Thank you!

Firsh
Firsh Author

I’m glad it was that simple :) I’ll write articles that clarify issues like this! Hope that’ll help.

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years
z4m3 Purchased

Hi Firsh,

How to limit JIG to only replace wp native gallery for certain categories?

Default-user
z4m3 Purchased

I read whole document agian and still cant find the way to do it.

Take over and replace [gallery] WordPress gallery shortcodes:

1.Hide [gallery] shortcodes after [justified_image_grid] shortcode. 2.Yes, act in place of the [gallery] shortcode. 3.No, leave the [gallery] shortcode alone.

I use nr 2, as most of my galleries need JIG automatically. But I want an option to disable JIG for certain categories, but still keep the act in place for the rest (most) of the site. Is it possible?

Default-user
z4m3 Purchased

To be more specific, I would like to use http://jetpack.me/2013/01/04/galleries/ Titled gallery layout for some of my posts, while keeping the whole site by default JIG.

Firsh
Firsh Author

Sorry you can’t do that. Jetpack tiled is still a WP gallery. The override works by removing wp shortcode and acting in place of it, using some of its attributes that are the same for JIG.

Either override them all or manually replace or similar. Not sure how you’d go about selectively disabling non-tiled gallery wp shortcodes.

Default-user
z4m3 Purchased

Thanks. I wonder if there is a way to use php to selectively disable JIG. Something like IF cat=2,3, Remove action JIG. Is it possible with JIG?

Firsh

No that’s not possible either, at least not currently. You’d need to prevent JIG from loading into WP at a very low level and early in the execution.

Perhaps this plugin can disable the plugin on certain pages: https://wordpress.org/plugins/plugin-organizer/

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
Shashahan Purchased

Hi Firsh,

and now for a second problem: The navigation icons of foobox don’t work anymore. Can you have a look please?

http://16qm.de

Best Regards, Shashahan

Default-user
Shashahan Purchased

Pls. ignore this request… There is a setting which description is: “Hide the prev / next buttons when there is more than one item in the gallery” in the Foobox settings… Everything is fine now.

Firsh
Firsh Author

Great!

  • Bought between 50 and 99 items
  • Has been a member for 1-2 years
  • Italy
temiweb Purchased

Hi! Congratulation for this advanced and very useful plugin!

I have a question about the woocommerce integration: there is any manner for show the price of the product in the loop under the title?

I’ve tried to set it on “recent posts” > “What to display as caption” but the price not appear in the select.

Thanks

Firsh
Firsh Author

Nope sorry not yet but that’s among the next things on the to-do. That’s because why I don’t list it as woocommerce compatible, even though you can display products. Is the price a custom post meta of the woocommerce product post? If you need it I can add it for you as a practice for the next steps for the next version.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi,

I am using the plugin with facebook.

I want to show the album titles on the initial page but not show the captions on the page showing the contents of the gallery. The images have long titles and they are covering the entire img.

Can this be done in the setting/short code or should I start looking at css settings?

Thanks

Firsh
Firsh Author

You could do it with certain CSS, perhaps. I’m thinking of giving the ability to use a different preset when photos are displayed and another for albums. So you could style anything differently, e.g. polaroid look for albums with text, but simpler look for the photos themselves. Currently it’s not yet a feature, though. I’m definitely looking forward to adding this feature soon.

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years

Hi, great plugin for facebook! We are trying to display albums on one page with load more button (so far settings in general are at 0, limit 30 images). The albums are all being displayed all at once, don’t see ‘load more albums’

here’s the shortcode [justified_image_grid preset=c2 load_more=scroll load_more_text=”SEE MORE ALBUMS” load_more_mobile=click facebook_id=222991296193 facebook_album=223043331193,10150592901521194 fb_album_exclude=yes] help please!

Firsh

With this shortcode you only show 2 albums. Load more would only activate when you enter them and see their content images.

Try instead: [justified_image_grid limit=0 load_more=click load_more_limit=10 facebook_id=222991296193 facebook_album=overview]

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
dbrd Purchased

Love the plugin and have been using it as designed on a photography site. I’m working on a new website, and wondering if I can hire you by the hour for some custom features added to JIG? you can email me at dberdal (AT) gmail.com and I can fill you in on what I need.

Firsh

Only for quick stuff and in August. Contact me from my profile!

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Spain

Hi, I am a bit confused about the recent_posts feature with WPML. If I have a “Packages” custom post and I would like to display all Packages with JIG on a page like this

[justified_image_grid filterby=styles recent_posts=yes recents_description=auto_manual_excerpt recents_post_type=packages]

how can I achieve that only the current language posts are displayed?

As it is now I get all the posts from all languages.

Firsh

Which version do you have? In what language are you looking at the page? I automatically hide all posts that are not in the current language.

by
by
by
by
by
by