As you suggest, it should be possible to view your gallery's XML data by going directly to the following URL in a browser:

http://www.renecarayol.fr/wp-content/plugins/wp-juicebox/config.php?gallery_id=41

However, going directly to this URL results in an error 403 (access denied) message.
Whatever is preventing direct access to this PHP file is the cause of your problem.
However, there are several possible causes...

(1) Check that the permissions on the 'config.php' file (inside the 'wp-juicebox' folder) are not too restrictive.
Also, check the permissions on the 'wp-juicebox' folder itself.
You should be able to check and change permissions using an FTP program such as Filezilla or via your hosting account's online control panel.
Default permissions of 755 for folders and 644 for files should be fine.

(2) Check to see if you have any .htaccess files on your web server (most likely in your root directory) which contain rules which block direct access to PHP files.
If you find any entries in any .htaccess file such as the following, then try removing them to see if this resolves your problem.

(3) Check to see if you have any plugin's installed which might somehow be interfering with WP-Juicebox's functionality.
Deactivate all your plugins (other than WP-Juicebox) and reactivate them one by one (checking your gallery after each one) to see if you can find a conflicting plugin.

(4) Check in with your web host to see if they have recently introduced any security measures which might be blocking direct access to the 'config.php' file.

Since a few days, I have the " config file not found" without having done any modifications...

If things were working fine but now they are not (without you having done anything yourself), then this suggests that something may have changed on your web server so I'd certainly ask your web host if they have made any changes recently to your hosting account which might account for your problem. They should hopefully be able to shed some light on the issue.

With the new Box interface of WP, I even couldn't create any new gallery with Juicebox, the button had disapered.

With regard to not seeing an 'Add Juicebox Gallery' button, please see this forum post which might help.

You're welcome! I'm glad it helped.

Yes, Showkase can automatically populate the image titles or captions with the image filename.

(1) Edit your gallery page (from the 'Pages' tab).
(2) Go to the 'Images' tab.
(3) Scroll down to the foot of foot of the page and select "Select all titles" (or "Select all captions").
(4) In the "Set selected to" box, enter {file}.
(5) Click the "Set" button (followed by "Save" and "Publish").

The image filenames (without the file extensions) will now be used as the image titles (or captions, depending on what you have selected).

For reference, the use of {file} (and other special {} codes which can be used) is noted in the 'Pages' subsection of the Showkase User Guide (scroll down to the 'Editing Individual Captions' section).

Is it because I have a subscription version of Lightroom as opposed to owning Lightroom?

No. This is not the reason. The Juicebox Plugin for Lightroom will work find on subscription versions of Lightroom Classic CC.

What version of Lightroom do you have? Do you have Lightroom CC or Lightroom Classic CC (and what version number)? (You can check by going to 'Help -> About Lightroom...' from the drop-down menu at the top of the program.

You'll need Adobe Lightroom 4, 5 or 6 or Lightroom Classic CC 7 or higher.
Lightroom CC (not Classic) 7 and higher does not support plugins or web engines.

If you have a compatible version of Lightroom but still experience difficulties, then please let me know what operating system you have (Mac vs PC) and how far into the installation process you get (and what, if any, error messages you encounter along the way).
Thank you.

480

(1 replies, posted in Juicebox-Lite Support)

With WP-Juicebox (the dedicated Juicebox plugin for WordPress) installed, you should see something like the attached image when you create a new page or post (with the 'Add Juicebox Gallery' button in the toolbar at the top of the screen).
The screenshot was taken with WordPress 5.4.1, WP-Juicebox 1.5.1.2 and the WordPress Twenty Twenty theme active.

If you do not see the 'Add Juicebox Gallery' button, then please go to your plugins page and ensure that WP-Juicebox is installed and activated.
If the plugin is installed and activated but you still do not see the 'Add Juicebox Gallery' button, then there may be another plugin that you have installed and activated that is somehow interfering with WP-Juicebox's functionality.
If this is the case, then I would recommend that you try deactivating all plugins (other than WP-Juicebox) and then reactivate them one-by-one (checking WP-Juicebox's functionality after each one) to see if you can find the plugin causing the problem.

Regardless of whether of not you can see the 'Add Juicebox Gallery' button, you should still be able to create a gallery (on the 'WP-Juicebox -> Manage Galleries' page) and then manually enter the shortcode into a Gutenberg Shortcode Block.

Please confirm the following and we'll hopefully make some progress in troubleshooting your problem.

(1) Is WP-Juicebox listed as being installed and activated on your plugins page?

(2) Can you create a gallery successfully on the 'WP-Juicebox -> Manage Galleries' page?

(3) Are you able to add the shortcode (presented after Step #2 above) into a Gutenberg Shortcode Block?

If you are able to confirm/do all 3 steps above, then all that is remaining is to attach your gallery images to the page or post containing the gallery's shortcode.
I'll just copy and paste the instructions for doing so from the WP-Juicebox support page:

  • Add a Gutenberg 'Gallery' block to the post containing the WP-Juicebox gallery shortcode.

  • Upload images from your local machine by clicking the 'Media Library' button (in the 'Gallery' block) and dragging and dropping the images into the media window.

  • Wait until the images have finished uploading.

  • Reorder the images (if necessary) by going to the 'Create Gallery -> Media Library' section, selecting 'Uploaded to this post' from the drop-down menu and then dragging and dropping the images into the order you require.

  • Close the media window using the cross at the top right (do not click 'Create a new gallery').

  • You can now safely remove the 'Gallery' block from the post. (Using a 'Gallery' block is just a convenient method of attaching images to a post.)

I hope this helps.
Please let me know how you get on.
Thank you.

I've sent you a new download link for your Juicebox-Pro (Single Site License) purchase (to the email address in your post above).
If you ever need a new download link in the future, just fill in the online Download Link Request Form and we'll send you a new one.

You'll find the Juicebox-Pro Plugin For Lightroom inside the Juicebox-Pro zip file in this location: juicebox_pro_1.5.1/adobe-lightroom-plugin/juicebox_pro.lrwebengine

Instructions for installing the plugin can be found on the plugin's own support page here.
First of all, extract the Juicebox-Pro zip file to your hard drive and then...
Mac: Double-click the juicebox_pro.lrwebengine package.
Windows: Drag-and-drop the juicebox_pro.lrwebengine folder onto your Lightroom desktop icon.

If this fails, then you can install the plugin manually by copying the juicebox_pro.lrwebengine folder/package to your Lightroom 'Web Galleries' folder.
Mac: Users/username/Library/Application Support/Adobe/Lightroom/Web Galleries/
Windows: C:\Users\username\AppData\Roaming\Adobe\Lightroom\Web Galleries\

I hope this helps.
If you get stuck with anything, please let me know and I'll try to help further.
Thank you.

Note regarding Lightroom CC vs Lightroom Classic CC:
In late 2017, Adobe split what was then known simply as Lightroom CC into two separate products.
Lightroom CC became Lightroom Classic CC and Adobe released a new version of Lightroom under the name Lightroom CC.
Unfortunately, the new Lightroom CC does not accept third-party plugins or web engines so it is not possible to use the Juicebox-Pro Plugin for Lightroom with this version.
You would need to have Lightroom Classic CC in order to use the Juicebox-Pro Lightroom Plugin (or any other plugin).

You're welcome! I'm glad to hear that you've got it working.
Thank you for taking the time to let me know. It's most appreciated!

Audio will work fine in an embedded gallery so the problem is , as you suspect, most likely a path problem.
The value for the audioUrlMp3 configuration option can be a relative path (relative to the web page containing the gallery's embedding code) or an absolute path (starting with either http:// or https://).

In a WordPress environment where web pages are created dynamically, it can be difficult to know the location of the web page containing the gallery's embedding code (and it will depend on the permalink structure you set in WordPress's dashboard) so it might be easier to just use an absolute path for your audioUrlMp3 , e.g.:

audioUrlMp3="http://www.example.com/audio/track_0001.mp3"

I hope this helps.
However, if you continue to experience difficulties, then please post back with a link to your gallery's web page so that I can see (or hear) the problem for myself and hopefully help further.
Thank you.

484

(6 replies, posted in Juicebox-Pro Support)

@arachnid
I agree (although it's a decision that only the developers can make).
Web browser market share statistics for versions of Internet Explorer prior to IE11 seem to have fallen off the radar.

485

(1 replies, posted in Juicebox-Pro Support)

The 'juicebox.ttf' and 'juicebox.woff' font files are generated by the IcoMoon App and contain glyphs used as gallery icons (such as those on the Button Bar).
You can check out the contents of these font files using the online FontDrop service.

Juicebox does not use its own custom font for gallery text. The 'juicebox' font is used only for gallery icons.
Juicebox sets the font for gallery text in the 'theme.css' file (on lines 61 and 1179) to:

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

Roboto is very similar to Helvetica so maybe this helps to explain things.

For reference, more information on the use of custom icons can be found in the Using Custom Icons support section in the Theming Guide.

Please note that the line numbers above refer to the current version of Juicebox-Pro (v1.5.1).

486

(9 replies, posted in Juicebox-Pro Support)

Thanks for the updates!

I'm glad you've been able to resolve your problems.
Thank you for letting me know. It's most appreciated!

487

(6 replies, posted in Juicebox-Pro Support)

It has certainly been a long time since the last version was released.
I'd like to see a new version sooner rather than later myself.
All I can say at this stage is that Juicebox is still alive and that work has started on the next version (although progress is slow and I do not know when it will be released).

488

(6 replies, posted in Juicebox-Pro Support)

@arachnid
Thank you for sharing your solution.

@seanconnor
Juicebox does, indeed, come with its own version of jQuery (v1.7).
Unfortunately, this version of jQuery is bundled within the 'juicebox.js' JavaScript file which is obfuscated and cannot be modified (so the bundled version of jQuery cannot be removed or replaced by a user).
The developers are aware of the flags that this version of jQuery raises and this issue should be addressed for a future version of Juicebox (although I do not know when this might be).
In the meantime, overriding the bundled version of jQuery with a more recent version (arachnid's suggestion) might be the best course of action.

489

(9 replies, posted in Juicebox-Pro Support)

Looking at the code from your other post (which is different to the code you posted here), it seems that your 'quebeccity' folder may be a complete gallery folder.
If this is the case, then you can point towards this gallery folder (without the need to rename or move any gallery files) by using a baseUrl configuration option in your gallery's embedding code.

<script>
    new juicebox({
        baseUrl: "photogallery/quebeccity/",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "rgba(34,34,34,1)"
    });
</script>

When using a baseUrl, Juicebox looks for a file named 'config.xml' inside the baseUrl folder.

For reference, short descriptions for both configUrl and baseUrl can be found in the Embed Options section of the Config Options page.

490

(1 replies, posted in Juicebox-Pro Support)

If you see the "Config file not found." message for a gallery which has been uploaded to a web server, then the tips from this forum post will not help. They are specifically for help with local viewing only (viewing a gallery from a computer's hard drive rather than from a web server).
Please see my response to your query in this forum thread. I hope my suggestions over there help.

491

(9 replies, posted in Juicebox-Pro Support)

If there is no configUrl (pointing towards a configuration file) or baseUrl (pointing towards a gallery folder) in your gallery's embedding code, then Juicebox looks for a file named 'config.xml' in the same directory as the web page containing the embedding code.
If your gallery's configuration file is not named 'config.xml' or is not in the same directory as the web page containing the embedding code, then you'll see the "Config file not found." message.

You can either:
(1) Rename and/or move your gallery's configuration file so that it has the default name ('config.xml') and is in the default location (alongside the gallery's web page).
... or:
(2) Use a configUrl in your gallery's embedding code to point towards your gallery's configuration file, e.g.:

<script>
    new juicebox({
        configUrl: "path/to/my_own_configuration_file.xml",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "rgba(34,34,34,1)"
    });
</script>

Please note that if your gallery's configuration file is not in the default location, then you might need to adjust the imageURL and thumbURL paths within the file.

Another reason why you might be seeing the "Config file not found." message is if the file itself is somehow corrupt and the browser cannot read it.
Open the 'config.xml' file directly in a browser (drag and drop the file into a browser window or enter the address to the file into the browser's address bar) and you should see the XML code.
If there is a problem with the file (such as a control character in an image's caption which is breaking the XML syntax), then the browser should note the problem and the line in the file at which the problem occurs.
You should then be able to open the 'config.xml' file in a plain text editor and fix the problem.

I hope this points you in the right direction.
However, if you continue to experience difficulties, then please email me back with a link to your gallery so that I can see the problem for myself and hopefully help further.
Thank you.

492

(1 replies, posted in Juicebox-Pro Support)

This is not possible using just the available configuration options but it is possible with some custom JavaScript code and use of the Juicebox-Pro API.

You'd need to check the browser's width and set the thumbsPosition configuration option (and probably the maxThumbColumns and maxThumbRows configuration options, too) accordingly using JavaScript in the gallery's embedding code.

You'd then need to set up a listener to determine when the browser's width changes (for example if the user resizes the browser window) and then reload the gallery (putting the gallery's embedding code in a JavaScript function which you can call when required) with the appropriate thumbnail configuration options.

You'd also need to take note of the current image being displayed when the browser's width crosses the threshold value (using the Juicebox-Pro API getImageIndex() method) to ensure that the same image is displayed when the gallery is reloaded.

Here's an example which positions the thumbnails in a single row below the main image when the browser's width is less than 700px and in a grid to the left of the main image when the browser's width is greater than or equal to 700px.
Too see this example in action, just create a sample gallery with JuiceboxBuilder-Pro an use the HTML code below as the gallery's 'index.html' file.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var a;
            var b;
            var c;
            var d;
            var jb;
            var thresholdWidth = 700;
            var tracker = false;
            function loadGallery(a, b, c, d) {
                jb = new juicebox({
                    containerId: "juicebox-container",
                    firstImageIndex: a,
                    maxThumbColumns: b,
                    maxThumbRows: c,
                    thumbsPosition: d
                });
                tracker = true;
            }
            function thumbsStatus() {
                var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
                if (windowWidth < thresholdWidth && (d === 'LEFT' || tracker === false)) {
                    a = tracker === false ? '1' : jb.getImageIndex();
                    b = '10';
                    c = '1';
                    d = 'BOTTOM';
                    loadGallery(a, b, c, d);
                }
                if (windowWidth >= thresholdWidth && (d === 'BOTTOM' || tracker === false)) {
                    a = tracker === false ? '1' : jb.getImageIndex();
                    b = '3';
                    c = '3';
                    d = 'LEFT';
                    loadGallery(a, b, c, d);
                }
            }
            $(document).ready(function() {
                thumbsStatus();
                $(window).resize(thumbsStatus);
            });
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

I hope this points you in the right direction and that you are able to integrate something similar within your own website.

493

(5 replies, posted in Juicebox-Lite Support)

No, sorry. Thanks for checking in but I'm afraid I have no news at the moment.
I really don't know when the next version will be released (or if the rotation bug will be addressed for the next version).
All I can say with any certainty is that the bug has been officially logged and the developers are aware of it.
Sorry I don't have any better news just now.

494

(1 replies, posted in Juicebox-Pro Support)

Unfortunately, it is not possible to change the thumbnail paging text. It will always show the current thumbnail page number and the total number of thumbnail pages.
However, you can display the current image number and the total number of images by setting showImageNumber="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Caption' section).
The image number shows up as part of the caption area (at the top right corner) so you'll need to make sure that captionPosition is set to a value other than NONE.
You can see the image number being used in this demo gallery.
(You do not need to display image titles or captions. You can have only the image number in the caption area if you like.)

The most likely cause of unresponsive "New Gallery..." and "Open Gallery..." buttons is a persistent '.tempGallery' folder.

JuiceboxBuilder-Pro creates a temporary folder (named '.tempGallery') whilst a gallery is being created or edited. This folder is automatically deleted on closing JuiceboxBuilder-Pro.

However, if JuiceboxBuilder-Pro is unable to delete the '.tempGallery' folder on closing the application, then the "New Gallery..." and "Open Gallery..." buttons may become unresponsive the next time the program is used.

The most likely cause of a persistent '.tempGallery' folder is the use of an online synced file-sharing folder so we do not recommend saving a gallery to (or opening a gallery from) a folder being synced to an online file-sharing service such as Dropbox or Google Drive.

On a Windows system, the '.tempGallery' folder is located here:

C:\Users\Username\Documents\JuiceboxBuilder-Pro\.tempGallery

With JuiceboxBuilder-Pro closed, please check to see if your own system has a '.tempGallery' folder in this location and, if so, manually delete it before re-opening JuiceboxBuidler-Pro.

Also, try completely disabling any third-party security software that you might have installed (e.g. Avast or AVG), including real-time protection and ransomware detection in case this may somehow be interfering with JuiceboxBuilder-Pro's functionality.
(Please do so at your own risk and be sure to disconnect from the internet first.)

Finally, I know that you say that you have already tried reinstalling JuiceboxBuilder-Pro but it might help to try the complete uninstall/reinstall procedure from this forum thread (Suggestion #11).

I hope this helps.

496

(9 replies, posted in Juicebox-Pro Support)

I'm glad that adding the empty <a> tag seems to have worked. Thank you for letting me know.
Thanks, also, for the link to your website. I see now why you wanted a scrolling caption area!

Having seen your web page (and knowing that you have no content other than the gallery itself on the page), another possible workaround occurred to me.
You could perhaps have increased the maxCaptionHeight (to accommodate the largest of your captions) and then set the galleryHeight to be a (large) fixed pixel value (instead of 100%). You'd then have had a scrolling web page instead of a scrolling caption area. The gallery would not dynamically resize to fit within the browser window but it would allow images to be displayed larger.

Of course, you might prefer things as they are (and I quite like things as they are myself).
I just thought I'd mention it in case it's something that you hadn't considered.

In any case, I'll mark this thread as [SOLVED] as requested.

497

(9 replies, posted in Juicebox-Pro Support)

Thank you for the additional information.
There was a bug in older versions of Juicebox-Pro (fixed in Juicebox-Pro v1.4.0) whereby links in image titles and captions were not clickable).
It's just a hunch but this could be connected to the scrolling issue. It seems that image titles and caption might actually require a link in them for the caption area to be scrollable.
Whatever Juicebox-Pro does behind the scenes when a link is detected within an image title or caption might also need to be done to allow the caption area to become scrollable and the easiest way to achieve this for an image title or caption which does not already contain a link is simply to add one (e.g. a blank one such as <a href="#"></a>).
Adding an empty HTML <a> tag to an image title or caption is certainly something worth trying.
You'll still need to use the following CSS as well, though:

.jb-caption {
    overflow: auto !important;
}

498

(9 replies, posted in Juicebox-Pro Support)

The reason why the caption area does not scroll when the gallery is viewed on mobile devices may be due to the fact that when the gallery is displayed in Small Screen Mode, the caption area is always overlaid on top the image.
There are already touch gestures associated with the gallery (tapping to toggle captions on and off and swiping to navigate between images) so these might somehow be interfering with the scrolling action.
Also, there may be issues with stacking (making sure that the caption area is stacked on top of all gallery elements, including navigation hit areas, so that the container is scrollable).

Unfortunately, I've not found a solution which works on mobile devices (I've tried a lot of CSS on a lot of different classes without success) and I expect that it might be quite difficult to implement (which might be why Juicebox-Pro was not designed with a scrollable caption area).

The only thing I can suggest is more of a workaround.
If your text is only just being truncated by a small amount, then you might like to consider reducing the font size of your image titles and/or captions so that more text fits into the caption area.

There are no configuration options available within JuiceboxBuilder-Pro to change the font size of image titles and captions but you can style individual image titles and captions (for example, to change the font size) using HTML formatting as noted in this FAQ:
How do I add HTML formatting to image captions and titles?

A sample caption with a font size of 12px (for example) would look like this:

<span style="font-size: 12px;">Image caption text goes here.</span>

In the gallery's XML configuration file, the caption would look like this:

<caption><![CDATA[<span style="font-size: 12px;">Image caption text goes here.</span>]]></caption>

... but JuiceboxBuilder-Pro will automatically add the <caption> and CDATA tags so you only need to enter the <span> tag (as above) into JuiceboxBuilder-Pro.
(You can do likewise for image titles.)

Otherwise, you can set the size of all image titles and/or captions at once using CSS such as the following (changing the numeric values as appropriate):

/* IMAGE TITLE */
.jb-caption .jb-caption-title {
    font-size: 20px !important;
}

/* IMAGE CAPTION */
.jb-caption .jb-caption-desc {
    font-size: 18px !important;
}

/* IMAGE NUMBER */
.jb-cap-frame .jbac-number {
    font-size: 12px !important;
}

As with my previous CSS suggestion, you can add this CSS to the end of your gallery's 'jbcore/classic/theme.css' file or wrap it in <style> ... </style> tags and add it to your gallery web page's <head> section.

I realise that this does not directly resolve your problem but I hope that it is a suitable compromise.

499

(9 replies, posted in Juicebox-Pro Support)

For a vertically-scrolling caption area, try adding the following CSS to the end of your gallery's 'jbcore/classic/theme.css' file (or to the <head> section of your gallery's web page within <style> ... </style> tags).

.jb-caption {
    overflow: auto !important;
}

Otherwise, you could use the Juicebox-Pro API (specifically the getImageInfo() method) to fetch the currently-displayed image's title and caption and then use JavaScript to display the text elsewhere on your gallery's web page (outside the gallery).
Here's a basic example which displays the image title and caption in a container below the gallery.
To see the example in action, create a sample gallery in JuiceboxBuilder-Pro and use the following code as the gallery's 'index.html' file.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var jb = new juicebox({
                containerId: "juicebox-container",
                galleryHeight: "400",
                galleryWidth: "600"
            });
            jb.onImageChange = function(e) {
                var index = e.id;
                var info = jb.getImageInfo(index);
                var title = info.title;
                var caption = info.caption;
                $('#text').html('<p>' + title + '</p><p>' + caption + '</p>');
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
        <div id="text"></div>
    </body>
</html>

I hope these suggestions help and point you in the right direction.

I'm glad you've got it working.
Thank you for letting me know. It's most appreciated!