Well, lovely how technology can make a liar out of me. With absolutely no intervention on my part, it’s now working again.

Hi, by other buttons you mean a link back to the product page from the the top right toolbar of the lightbox?

The problem is that recents_link puts things into the caption, but breaking out of that and making it appear as if it were in the top right corner takes some CSS wizardry and it would not look very native. The lightbox code itself is not my creation, I wrote an adaptor script to integrate it with JIG. I guess the source could be modified to include anything you need.

So far I only influenced the sharing menu items but that is a dropdown from a button that is already there.

Yeah that’s right, here’s an image to make it clear. https://imgur.com/CCAQIrb Do you know where I can modify the code for photoswipe? It looks fairly simple to add a button next to the others with that, but I’m unsure how I would get the link to the product page from there.

First, I’d need to send you the unminified edition for developers. Then in photoswipe4.js line 4000 https://i.justifiedgrid.com/roj1v4.png the ui elements are set up (the on tap actions applied to them). Around 4450 https://i.justifiedgrid.com/roj1tz.png my adaptor script adds the actual HTML layout to the body that the JS makes use of. How the link from the caption gets moved to your button is yet another story. Not that simple

Ah thanks for letting me know. I figured I would try a different approach and move the product link to a new line by changing it to display:block. One minor issue I’m having is the little dash after the description https://imgur.com/4Lc94RQ Any idea how to hide/disable that?

With a little PHP, you can change the text/html of the caption with search and replace https://justifiedgrid.com/support/faq/jig-images/

Hi, Sorry I’m not very experienced with PHP. I tried putting the ‘influencing captions’ code snippet on your link into my functions.php and updated the custom class but It wasn’t doing anything. I’m not sure if I’m going about it the correct way.

Sorry for the delay, found the setting for you! https://i.justifiedgrid.com/rop2we.png Don’t need to change the link to display block, but add <br /> to the General tab -> Separator character setting. It’s used in some other places too, that’s why it’s consolidated to the General tab.

Presently not, but these are interesting for future features. I use AWS (S3) myself. If you use AWS CloudFront as a CDN then yes that’s possible. But as an image source to auto-create a gallery based on what’s there: not yet.

Isn’t BackBlaze a backup provider? Or you can now expose content to the web? DigitalOcean, Azure, Google Drive and similar are also interesting, but might need to change the inner workings of the plugin to allow these as addons as not everyone want to use them all and don’t want to create bloat.

They do offer backup options but I’m using Backblaze for an imagehost I set up for a small forum. I checked with a representative to make sure they were OK with it. The program I use provides embed codes for any images uploaded so they can be shared elsewhere, just like any normal image host I suppose. From what little I understand BackBlaze is much less expensive than AWS. I’ve been using the Free option for the last couple of years (the forum is pretty small) so I can’t really say what the costs actually are.

Is that forum WordPress-based? If you use a cloud provider with a publicly accessible URL with at least a predictable structure that mirrors how they are in WP, then it’s essentially a CDN. Image URLs can be re-written prior to creating the grid (with custom code) to pull from the cloud instead. But images must be registered in the WP Media Library first.

Hi,

If you want to modify core files I have a development version with unminified files if you need. I don’t recommend it though. On the server side I can get the link to the resized as well as the original. I’ll make an update where the download functionality doesn’t just pass through what’s visible in the lightbox to a download.php script but the full size image to a link with the download attribute set. It’s on the to-do.

With some custom script you can catch the server side things and modify all the data based on which the JS works. You have there the image ID, and you can get the full size URL from WP. It’s not perfect but this is way more aligned to how people should modify how the plugin works with code: https://justifiedgrid.com/support/faq/jig-images/

Hi,

What do you mean by sitting 100%?

I can see that on wide enough desktop they sit 4 in a single row. But on smaller screen they start to break down 3 to 1. You can use “incomplete last row” on the “match” setting so the orphan will match the full row’s height (same size as long as they are the same aspect ratio).

The Recent Work gallery seems fine. If you are bothered by a single orphan at the end and don’t mind “sacrificing” it, you can use “incomplete last row” on “hide”. I’ll likely come up with more flexible algorithms that override your row height in favor of forming perfect blocks without sacrificing anything.

It’s easier if you let me know which lightbox specifically. They are activated in different ways. Some expect images (the thumbnail links) to have a certain class. Some need data attributes. Some need to be explicitly activated by a function call (especially if you use load more or filtering since those change the set of images after page load). JIG has settings to facilitate any of these combinations so the chance of success is high.

Well really I’ve just been looking around and I don’t have anything particular to try out, I guess I assumed that they would all be added the same way. I have been able to activate a couple via plugins but I really wanted to try something not installed via a plugin. Let me at least ask you this – how much more is there than just adding the necessary javascript to my site’s child theme?

Not much. The plugins are often built upon the freely available JS and may be paid because they make it easy and integrate settings into an admin panel. If you can load their JS directly that’s best. Their documentation should list how they are activated and you can bring that information to JIG. The setting is “Custom lightbox JS call” on JIG’s Lightboxes tab.

See our email threads for my ideas!

Regarding this, find the source of the buggy input field and change it to match the other field’s code.

The WP native way of including the search for doesn’t offer any customization that’s why I resort to searching and replacing in my code.

If that outputs something that’s missing, additional processing is required. Perhaps this:

$form = str_replace( 'input type="search" class="search-field"', 'input type="search" class="search-field" name="s"', $form );

Hi Firsh, sorry i could not find out where to put the name=”s” in. I am using your code from the example page. For displaying a Searchfield for JIG (there it adds the ?s=searchword) even it is not standing anywhere in the code.

function jig_custom_search_form($atts, $content = "") {
    if(empty($atts['source'])){
        return "Please specify the source.";
    }
    $form = get_search_form(false);
    $form = preg_replace( "/placeholder=\"(.\S)*\"/", 'placeholder="Suchbegriff..."', $form );
    $form = str_replace( '</form>', '<input type="hidden" name="jig_custom_search" value="'.$atts['source'].'" /></form>', $form );
    return $form;
}
add_shortcode( 'jig_custom_search_form', 'jig_custom_search_form' );

function add_jig_custom_search_query_var($vars) {
    $vars[] = 'jig_custom_search';
    return $vars;
}
add_filter('query_vars', 'add_jig_custom_search_query_var');

And i am using this shortcode (from your example, just modified not to put it inside search.php but inside a shortcode on the search result page) there the ?s=searchword is missing, so if i use the searchbox again on the resultpage it does not work. As i unserstood (i am a too bad coder) this function uses the same code jig_custom_search as the one above in line: [jig_custom_search_form source=”.$jig_custom_search.”] – it shows the code from above? right? But there the ?s=searchterm is missing then

function wpc_elementor_shortcode( $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'];
        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( 'my_elementor_php_output', 'wpc_elementor_shortcode');

Bottom snippet is fine. Replace top snippet with:

Maybe something strips the second search box from its ability to act as a proper search input. But without seeing it live I can only guess.

Great! With the new snippet it works! Just one more thing. As i understood, searching for Gallerys (Names of the Galleries, not of the Picures) is not possible, but thats fine, but is it maybe possible to change that code so that people can also use more than one word? For example our filenames are like festival-berlin-2022-49.jpg – searching for Berlin gives a result, seareching for 2022 also, but using “Berlin 2022” inside the search box shows 0 results. I guess this is too much work, right?

What if you search directly for berlin-2022 or use the “multiple query” way: berlin,2022

If any of that produces usable results I can add a line that converts spaces to dashes or commas so while the user originally entered a space, it could get converted on the fly to something that better brings results.

The problem with the search feature that it’s originally meant to be for you as the admin to create a gallery based on some keywords in the way that you control it. The front-end search is already a custom thing. I have no intention of coming up with better search algorithms manually, but am interested in connecting with a SaaS search provider like Algolia when it comes to frontend search.

I believe I have replied via email regarding searching in gallery names.

berlin-2022 works, berlin,2022 does not work it shows the latest pictures with berlin in name, berlin-2022 shows pictures with berlin_2022 in name. so translate berlin 2022 to berlin-2022 would be better than nothing for the moment. Thank you so much for your great support! This is not the matter of course – thanks so much.

Thanks for the notice, I’ll investigate why and circle back!

I found out that it works with lists but not channels

Yeah I noticed too. I found the problem, it was due to a YouTube change. The fix is coming in the next update!

Another example: https://valeriabismar.com//wp-content/gallery/food-1//1L8A7199.jpg on https://valeriabismar.com/food-dark/

Hi,

How come thumbnail generation is off? While they still work, it could be caused by NextGEN, what is the version of that plugin?

Thanks for coming back Firsh. The problem occured before and after I turned thumbnail creation off. I created a new post for our discussion where I turned thumbnails back on:

JIG version: 4.2.1 NG version: 3.30

I was able to remove the first problematic double slash //wp-content by removing the slash within NG’s Other Options> https://imgur.com/a/yVBHX2Q

But the second double slash remains, as it’s being re-added after saving, e.g here:

It also doesn’t affect the actual thumbnails, but the noscript container “jig1-html” below:

Thanks, I was able to locate the problem and the fix will appear in the next version. While it does originate from NextGEN, I’m applying anti-double-slash treatment for image URLs where they appear encoded (such as with the default thumbnail creation mechanism). It other cases and as seen in the HTML source, this treatment was skipped (not anymore).

I appreciate your quality of work and your immediate, helpful and dedicated customer support!

Just tested, it works on my side. Did you save changes after adding the App ID and Secret (and please double check they have been copy pasted correctly)? Do you have the latest version of JIG? Do you have privacy/adblock browser extensions?

Thank you for the quick reply. I have had jig in operation on this website for several years. I stopped being able to reauthorize it. I did install the latest version of jig. The app ID and app secret is correct. What am I missing?