8471 comments found.
Hi, I am trying to use JIG with Simple Lightbox <https://wordpress.org/plugins/simple-lightbox/> but the code for it isn’t being added. I tried sorting out the custom settings, but Simple Lightbox doesn’t seem to depend on rel or classes so I don’t know what to add.
An example of what their code looks like can be found on this page, on the ‘coffee’ and ‘cupcakes’ links near the end of the page. <http://katiewagner.photography/wordpress/about/>
Sorry, the formatting got weird after posting, the URL with the sample links is here: http://katiewagner.photography/wordpress/about/
Hi, it seems like multiple data-attributes are on coffee and cupcakes (which don’t load by the way).
<a href="http://katiewagner.photography/wordpress/wp-content/uploads/coffee.jpg" data-slb-active="1" data-slb-asset="1946187388" data-slb-group="597"> ...
</a>
Also check out this:
http://archetyped.com/tools/simple-lightbox/
They have it as follows:
<a href="http://archetyped.com/wp-content/uploads/SLB_Lightbox-Example_Placeholder.png" title="Lightbox Example" data-slb-group="368" data-slb-active="1" data-slb-internal="0">lightbox</a>
JIG supports one data-attribute in the custom lightbox area. Try to add this JIG settings > Lightboxes tab > Link attributes (also for custom lightbox)
Custom attribute name: data-slb-active
Custom attribute value: 1
Sorry but 3rd party lightboxes other than the ones mentioned are not supported and are considered a customization to be used.
Hi Firsh (I think I accidentally added this message to another message’s reply the first time! Sorry!),
I purchased JIG several months ago. I used it on a local copy of WP for testing before putting it on my live site. However, it is saying, “Automatic update error! This purchase code has already been used on another host! You need one regular license for each different site. You can setup your staging area in a subfolder to have autoupdates on both installations. Contact JIG support to reset your license (only the username is needed).”
How can I reset the key so that I can get updates? My Envato/CodeCanyon username is coolguyhere.
Also, I am adding both small and large images to my site. The small images will have text wrapped around them. For variety, I am making some of them left-aligned, and some of the right-aligned.
Is there a way I can left/right-align images with text wrapped around them?
Thank you!!!
Hi, it was bound to a local server: http://127.0.0.1:4001/wordpress I now reset this.
Of course you can align them left and right. Check out these 2 settings in: JIG settings > General tab > Behavior of the plugin section:
Wrap text
Let the text flow to the left/right, useful for a single image. Check out the “Reading direction” setting to move the image to the right side.
Yes, let the text wrap around JIG.
Reading direction
Switch this for a different reading direction. Also check out the text align settings on the captions tab.
left/right
Hi Firsh,
I purchased JIG several months ago. I used it on a local copy of WP for testing before putting it on my live site. However, it is saying, “Automatic update error! This purchase code has already been used on another host! You need one regular license for each different site. You can setup your staging area in a subfolder to have autoupdates on both installations. Contact JIG support to reset your license (only the username is needed).”
How can I reset the key so that I can get uploads? My Envato/CodeCanyon username is coolguyhere.
Also, I am adding both small and large images to my site. The small images will have text wrapped around them. For variety, I am making some of them left-aligned, and some of the right-aligned.
Is there a way I can left/right-align images with text wrapped around them?
Thank you!!!
“Updates”....not “Uploads”......(How can I reset the key so that I can get uploads?)
Hi, it was bound to a local server: http://127.0.0.1:4001/wordpress I now reset this.
Of course you can align them left and right. Check out these 2 settings in: JIG settings > General tab > Behavior of the plugin section:
Wrap text
Let the text flow to the left/right, useful for a single image. Check out the “Reading direction” setting to move the image to the right side.
Yes, let the text wrap around JIG.
Reading direction
Switch this for a different reading direction. Also check out the text align settings on the captions tab.
left/right
hi, befor to buy it, a question : watermark solution exist with this plugin? i use Nextgen (+ maybe justified-image-grid) and i want to put watermark only on some galeries…. thanks for the answer
Hi, JIG itself doesn’t have a watermark feature, but NextGEN can add it to the pictures. However your best bet is processing the images before uploading. You’d need to do that anyway (resizing and saving them with a web-efficient compression). So why not do this in batch with a photography software such as lightroom, acdsee etc? NextGEN’s watermarking feature is a bit basic and requires server resources to stamp those on the images. Note that the watermark will be seen on the thumbnails too as they are generated from the large image. However they’ll be very small.
Hi Firsh, I was wondering how to move the filter buttons from a gallery from the top of the page to the bottom. Think you can help me with this? It’s for this page: http://eucam.info/ad-gallery/
I’ve been told on multiple accounts people don’t like to see the buttons when they start on the page.
Kind regards,
Gerard van der Waal
Add this to Custom JS of JIG:
jQuery('#jig1').after(jQuery('.jig-filterButtons'));
Without the code> tags obviously. If it doesn’t work then
jQuery(document).ready(function(){jQuery('#jig1').after(jQuery('.jig-filterButtons'))});
However, I recommend switching to tag cloud, as it’s more compact and better suited for this many filter options. Also it would show visually how many each option whould show. Change it on the filtering tab of JIG, Filter style setting.
Default WP Gallery is not being taken over by JIG.
I’ve selected: Yes, act in place of the [gallery] shortcode. But it’s not working…?? I deactivated all other plugins, no change. NextGen/NextCellent works perfectly.
http://master2.lightboxlive.com/wp-gallery/ http://master2.lightboxlive.com/wp-gallery-jig/NGG/NCG: http://master2.lightboxlive.com/wp-gallery-jig/
Please advise, thanks!
Oops: NGG/NCG: http://master2.lightboxlive.com/nextcellent-1/
When using Magnific Popup and the default settings are used under “What text to show inside the lightbox” scrollbars are being forced on certain images because the text is pushed outside of the current browser window. If I choose NO on one or the other options seems to be OK. And this would be fine except it seems every time a new preset is selected and applied it resets values such as these.
This is not very pretty, is this “normal” behavior of the Magnific Popup script?
Of course how a browser window’s height vs width effect what images force the scrollbar. http://master2.lightboxlive.com/nextcellent-1/
Hi, it seems like it’s not the default WP gallery, it’s already being taken over by something else. It seems “Cleaner Gallery” plugin is the one that gets displayed.
Sorry but the site is very very slow. Yes the appearing scrollbar to accommodate more text is somewhat normal for magnific popup albeit it doesn’t usually engage with just 2 lines of text. However the Magnific Popup seems customized on your site so I can’t really know.
When you select a preset the Magnific Popup settings MAY get reset, according to your preset autohrity settings. Go to JIG settings, Lightboxes tab. Click “edit preset authority” at the top. Observe if any Magnific Popup settings are blue instead of orange.
You are correct, I deactivated Cleaner Gallery and JIG works. But I’m confused about this, all other gallery plugins work fine with Cleaner Gallery activated, in fact several suggest installer Cleaner Gallery first.
How slow is “very very slow?” For me it loads in a few seconds depending on the size of the gallery. I appreciate your feedback.
I did customize the CSS of magnific popup’s navigation, but should have nothing to do with the scrollbar kicking in. I removed it to test and still getting scrollbars when both WP fields are used. Any hack that would fix this, like making the image a little smaller?
“edit preset authority” – You’ve added so many great features since I first purchased so I didn’t know this was no an option. Thanks!!
I don’t know about other plugins but JIG is set to only take over an original unmodified WP native gallery. Why have it taken over by a 3rd party gallery just to have it taken over again by JIG? Why use cleaner gallery too?
It was loading in half a minute yesterday but now it’s fine.
In JIG’s demos it doesn’t quite work like that. However my images are small in the demo. Check it out: http://justifiedgrid.com/magnific-popup/ I have the upcoming demo site on my server with larger images and it does show the scrollbar every now and then, just to scroll about 1px.
.mfp-wrap{overflow-y:hidden !important}
This CSS would hide the scrollbar but if the text really pokes out, it’s not a solution. Magnific hasn’t been updated in quite some time, so I’m not sure the developer works on it still. PhotoSwipe is best though, from the same developer.
img.mfp-img{max-width:95% !important;}
While this shows some shadows that remain glitchy and wider than the image, those can be fixed. If this solves the scrollbar vs text problem, let me know and we can fix the shadows.
I’ve altered the font size and line height of the title and description then hiding the scrollbar, now seems to works nicely. I don’t get the shadow anymore, but not a fan of it anyway, so I’m fine with the “flat” look.
But I’m still having an issue with JIG taking over Default galleries, I thought deactivating Cleaner Gallery worked but I was mistaken.
http://master2.lightboxlive.com/wp-gallery/ http://master2.lightboxlive.com/wp-gallery-jig/Not sure what I’m doing wrong, any suggestions?
Let’s continue this in our email thread.
Solved!!! Thank you so much! 
Hello again!
Is it possible to add more socials for photoswipe 4 like vk.com and instagram?
Best Regards.
Hi, it’s not part of the plugin. You can add your own services in the jquery.prettyphoto.custom.js file. As far as I know Instagram doesn’t have a proper share button, as it only allows photos created on phones. It’d be up to you to add more sharers, currently I have no intention on adding more. Maintaining these 4 in their proper “live” button form already takes a lot of time. They are not just images but live buttons that show counters, change colors and they do this for every image in prettyPhoto. Providers (the networks) often change the script for these. Usually the lightbox navigation counts as “ajax” and including a button is not as straightforward as copy pasting their snippet code. If you don’t need it to be a “live” button you can just simply include images with links to your social network’s sharing URLs.
This is causing a huge slow down of my admin pages. Can you please suggest how to fix this?
Hi, that is the autoupdate feature and while you can open that URL in the browser it will not output anything unless it’s a call from WordPress. Not sure why you were getting 404 but it works at the moment for me and there is no 404 at that URL but only a reply info when update is available. Are you still having that error? WP only checks these URLs every 12 hours so I’m not sure why and how it would slow your admin pages.
How do I replace my category, search, tag, archive, author pages with the Justified grid of my choice like other grid plugins have the option? I am ready to edit my theme files for this. Please help. The Justified Grid has so many features that I want to have it everywhere. If we can’t do this yet, can you please add this important feature in your next update because it is there in many other grid plugins. Thanks.
Hi, there is no built in way as it requires editing your theme’s files. It consists of getting the search query, category name, author name etc and passing it to JIG as a template tag attribute (similar to shortcode attributes). You can generate the PHP code in the shortcode editor and substitute the values from variables in the theme files. Replacing search is more tricky though.
However, this is customization of your theme and not part of support. I can show you an upcoming FAQ entry that explains in detail how to do this with search and also media library serach.
I have no idea how other plugins do it perhaps they create their own pages and redirect the theme to those pages? How are those set up in a way that it integrates with the theme seamlessly? Can you list a few of those plugins that do this, perhaps I could investigate how they do it.
The to-do for forthcoming updates is already very long, but this feature seems interesting if JIG can pull it off.
Thanks Firsh. Can you give me the link of that upcoming FAQ entry so that I can replace my search ?
It has been completed since then http://justifiedgrid.com/support/faq/show-search-results-justified-image-grid/ Let me know if you have any questions or if you prefer to have it done by me.
“Media Search Enhanced” can be replaced with “Media Library Assistant” plugin which also has a nice search feature and it’s compatible with JIG.
Hi, is it possible to make a button “call to action” and when you clickit, it will act like u clicked on a filter?
Hi, it’s possible to redirect clicks from one element to another, and simulate the click on a filter button. Show me a page where you have a call to action button and which filter would you like it to click and I can supply you a ~1 line custom JS that will do it.
Hi,
could you please help me with this issue?
I am doing some checks because today the memory usage of my server was abnormally high after I fixed some settings in JIG (the plugin was returning the “fail to extract images” error, with some advices on how to fix it…).
Now the plugin works, but the page where I use it the most (www.demartusa.com/portfolio) has still problems.
Here is a screen of what I mean: http://postimg.org/image/5kplmow11/
On the left is how the plugin page loads when it fails, expecially on IE and Safari. On the right, when it works (on Firefox and Chrome, the 2 I use more often).
Sometimes the page load totally fails and takes the server to 504 error.
Could you suggest me how to better understand what is not working? Thanks,
Davide
Hi, I’m not familiar with “fail to extract images” error, or at least I had not written that into the plugin. How and where exactly were you getting that? Was it all images have failed to load with the red background?
Anyhow, while CloudFlare is awesome and recommeded, their “Rocket Loader” is not very good. It messes up scripts and their execution order. I recommend disabling that so you should no longer get these fails. For me when it failed I saw nothing in place of JIG at all, but they weren’t these empty thumbnails.
When done correctly CloudFlare should just act as a CDN and not mess with the scripts in the page, especially not load its own JS files.
Hi there,
I’m attempting to setup the rss functionality on my Hostgator web host and I’m getting the following error: http://javierlunaphotography.com/videos/event-videos/
They are telling me that they aren’t seeing any Apache errors and that there is nothing ‘wrong’ on their end.
Are you able to advise some next steps I can take?
Jb
Seems to work currently, isn’t it? What changed?
Doh! Okay, I’m having a caching issue. So I enabled Jetback and that seems to have solved my issue. It mentioned that there would be some effects that are disabled when using Jetpack, can you elaborate on that for me at all?
Thanks for your attention to this!
I would still like to solve it without Jetpack. A thumbnail URL seems like this: http://javierlunaphotography.com/wp-content/plugins/justified-image-grid/timthumb.php?src=http://i.ytimg.com/vi/HVCr6Nfa6Qs/maxresdefault.jpg and it’s a 403 error. What’s the name of the hosting? The documentation has more info on what to do with this error.
I’m on hostgator. Before I switched to Jetpack I checked the permissions check in the JIG backend interface and it showed green / all good. Hostgator said that they aren’t seeing any errors from that page.
I’ve deactivated photon and it’s now showing the original error message again: http://javierlunaphotography.com/videos/music-videos/
I really appreciate your help!
Simply contact their support via phone or live chat to report “mod security blockage”. Send them the faulty link to that thumbnail. It’s their responsibility to change that setting.
What account did you use to purchase JIG with?
Okay I will do that.
I purchased JIG through the chrisjenglish account. I’m demo’ing the software for a new client and if they like it we will purchase.
Thanks for all your help so far! I’ll let you know what we get figured out.
Jb
I finally got them to make it right. Think we’re all good. Thanks for all your help!! Love this plugin
All righty then
Hi Firsh me again My host transferred my temporary site to a better server because of speed problems, however they also gave me another temporary URL, thus JIG won’t update because it says “used on another site” or words to that effect. I tried contacting envato to see if they could reset my license or would I have to pay again even though it is the same site? What is more confusing is the url will change to my old site (www.threecountiesdogrescue) which the new one I have developing will replace. If they reset,should I wait until the URL has gone to the final one. Regards
Paul
Done I just reset it. It’s not an Envato issue.
Dear Firsh,
ever since your last two updates my gallery does not work as before: I have grey blocks around the arrows and a grey block above the picture where a close button is. I’ve updated to the latest version just now but the issue still remains. I use Magnific Popup on all my galleries. However, what is strange that although they are all configured the same with same custom options I have one gallery showing correctly, i.e. as before the updates and the rest are being affected.
Here is a screenshot of how it used to look: http://tardis1.tinygrab.com/grabs/842a6b9f53271441fbee1eae1df61fd8abc781c6a2.png and still can be seen on my page: http://www.sandbone.co.uk/fitted-wardrobes-and-fitted-bedroom-furniture/ And here is a screenshot of how it looks in all of my galleries apart from one above: http://tardis1.tinygrab.com/grabs/842a6b9f53452ec797b9594f5c3652803a27b7c82c.png It can be seen on the following link: http://www.sandbone.co.uk/custom-made-living-room-furniture/I have the following Custom CSS in your plugin:
.mfp-bg.mfp-with-zoom.mfp-ready { opacity: 1 !important; }
.pswp__caption__center { max-width: none !important; text-align: center !important; font-size: 14px !important; font-weight: bold !important; }
.mfp-arrow:before { border: none !important; }
.mfp-title { text-align: center !important; padding-left: 35px !important; font-size: 16px !important; font-weight: bold !important; }
.mfp-figure small { font-size: 14px !important; font-weight: normal !important; }
.mfp-counter { left: 0 !important; }
Can this be somehow helped?
Thanks,
Felix
Hi, both pages work fine and the same in Chrome and Firefox and PC Safari. I see no grey boxes around the arrows. Maybe a caching issue? Try Ctrl+F5 refresh
Hi, no it did not do the job. It’s not just my computer but other computers in the office and all three browsers you mentioned. We work with Macs here. I tried Firebug but could not find a problem… On top of that I found a second problem which is that lightbox doesn’t pop up when on a mobile device so I can only see the grid view but not individual pictures on all of my galleries. I tested it on an iphone.
I do need some help with both issues even if I need to pay for it I have to get it sorted out please.
Hi Firsh, could I get a reply to the above?
Hi, sorry for the delay. While I do see some CSS rule, it does not get aplpied for me and the backgroudn is transparent. It looks something like this:
media="all"
::selection {
background: #AAA69B;
color: #fff;
}
in http://site.sandboneltd.netdna-cdn.com/wp-content/cache/minify/000000/ZY7BEsIwCER_SCb25u_ElkQ0CRmgVv36ZtqTw4nZfbvAFATfWmhBCaLQy5qphVk1KJpRy3q5BjF7YMXpdoDGUmOhHzoiBmNAklhxY3m5QOJmWAr_CZdS-xa_PBX8nI86RMrG3VdioxrN-3fhrYE_czpTeK5qlAgXGP2MkIWWozhUG2CGzn3tOw.css
It might have something to do with selection color. It’s a pseudo ::selection element, only thing that sets a gray background…
I have no idea where the gray comes from exactly since you have a minified CSS and they are probably combined too. However, add this to Custom CSS (of JIG or the theme):
span.mfp-close, span.mfp-arrow {
background: transparent !important;
}
(without pre tags)
This should force a transparent arrow and the close button. Which apparently shows up as a bar for you.
The mobile view seems fine to me, did that get solved? A JS error on the page can un-trigger the lightbox. So the problem could be unrelated to JIG.
Hi Firsh, thank you for your reply. I have implemented your fix, purged my CDN and cleared all the cashes and yet it still did not do the job. The I updated Wordpress to 4.3 which just came out and it solved all the problems. Now the grey blocks have disappeared and the mobile lightbox is also functioning fine. Don’t know weather this was JIG or Wordpress related but it finally works as it should.
Once again thank you and I hope I don’t have to speak to you soon
I’m glad it’s solved. Must have been some massive caching there. I’m not sure why WP4.3 fixed it.
Hi, I am experiencing a conflict with the Pinterest social icon. The plugin is overriding my Pinterest icons with the regular “Pin It” icon. I am trying my own icon and the theme (Avada) generated icon. When I disable JIG plugin, the issue goes away. Whatever page the Justified Image Grid shortcode is placed on, that page will show the wrong Pinterest icon. Thanks for any advice. See this image: https://www.dropbox.com/s/ego112mek5v11qb/pin%20icon.png?dl=0
Hm that’s interesting. If you set the lightbox for desktop in JIG to be PhotoSwipe and not prettyPhoto, does the issue go away? Also, which version do you have of JIG? The pinterest button in prettyPhoto reloads and re-creates pin buttons on the page to make it work with changing content (navigating between photos). Perhaps changing the class of your custom-graphic pin button will make it out of reach and not be changed. Send me a link where this happens please.
Thanks for your reply. Disabling Pretty Photo fixes the Pinterest button but then I lose the social sharing option for each picture and for this type of site, Pinterest is important. Test site http://parterre.avidmultimedia.ca/sample-page/. The button is aslo an tag with a custom class, and the img (social button) also uses a custom class. Using version 2.8.1. Thanks.
PhotoSwipe has the same social sharing capability of the customized prettyPhoto, you can find the sharer in the top right corner.
From what I can see here is the markup for you original pin button:
<a class="custom-social" href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fparterre-flowers.com&description=A%20full%20service%20florist%2C%20specializing%20in%20custom%2C%20European%20styled%20floral%20arrangements%2C%20set%20in%20the%20heart%20of%20Toronto%E2%80%99s%20premier%20shopping%20and%20design%20district.&media=http%3A%2F%2Fparterre.avidmultimedia.ca%2Fwp-content%2Fuploads%2F2015%2F08%2FMG_3364-683x1024.jpg" target="_blank" style="color:#fff;" data-placement="none" data-title="" title=""> <img class="custom-social" src="http://parterre.avidmultimedia.ca/wp-content/uploads/2015/08/pinterest-icon.png" />< /a> </a>Which is just a link and I don’t see why my own code would act upon this. I believe simply by loading the pinterst script in the page, it catches all links that have the sharer URL and it tries to change it to a “live” button.
If you copy paste this into the browser console, with JIG turned off or prettyPhoto script blocked:
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "//assets.pinterest.com/js/pinit.js";
jQuery("body").append(s);
You’ll see that the pinterest official script does this. JIG loads this but the acutal code that does it is from Pinterest. It does this replacement by looking at the href attribute of the link. I believe it could be prevented if the action was created with JS and the href attribute of the link would not contain reference to that it’s a pinterst sharer.
OK thanks lot. I will just switch to PhotoSwipe. I hadn;t noticed the shre in top right earlier. Thanks.
You can highlight the button with this Custom CSS:
.pswp__button—share { background-color: red !important; }
Hi I have a big problem with the Justifed ImageGrid! Here’s a link to my website as I have a picture Gallery installed . http://marvey.ch/de/gallery/world-tour/ With the first image ” Genting Highland , Malaysia ” I have put a link to my installed Justified Image Grid Gallery. Instead of the Gallery in the first time load I view the error message : “The Justified Image Grid JS is not loaded Try disabling Conditional script loading in the General settings.” Unfortunately, I have no a solution to? What can you do? Greetings
While I cannot find JIG on your link, the error would likely be a JS error before JIG gets called. If there is a JS error on the page before JIG, it cannot load.
Also, have you tried what it says and disable conditional script loading?
Other than that try disabling the AJAX/animated page loading in the theme itself.
Sorry it’s not possible with JIG, it’s a different layout than what this plugin is for.
Hello, how do you reorder the albums in a gallery
Hi, what is your image source? It depends, if it’s NextGEN or Flickr etc.
NextGEN
Then you can re-order them with drag n drop inside NextGEN’s area. I assume you have albums in an index album.
How can i re-authenticate this:
Access denied. In case of expired access, please re-authenticate. The error from Facebook: Error: OAuthException Code: 190, Error validating access token: Session has expired on Wednesday, 29-Jul-15 15:18:45 PDT. The current time is Tuesday, 11-Aug-15 18:38:31 PDT.
Add currently logged in user again with the button, and it’ll refresh your access. Just like how you did the first time. If you end up with 2 instances of the same user then Facebook switched your API ID. Let me know what happens.
