With JuiceboxBuilder-Pro and the Juicvebox-Pro plugin for Lightroom, you are able to create as many individual galleries as you like. However, as you are aware, there is no automated method for linking galleries together.

If you are having trouble trying to replicate the online demo, then maybe the single-page solution that I created for this forum post will help.

Otherwise, if you have a need for a more complex and feature-rich solution, you might like to look into another of our products: Showkase.

Showkase is a PHP web application (installed on your web server rather than your computer) which allows you to create a complete portfolio web site (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro and the galleries can be created within the application itself in a web browser interface (or created with JuiceboxBuilder or the Lightroom plugin and then imported via Showkase's 'Site -> Import' functionality).

You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image with the gallery title displayed below and the gallery is opened when the user clicks on the image (just like your current website).
Demo Sites created with Showkase can be found here and a sample Gallery Index Page can be found here.

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).
All of this is done automatically within the Showkase interface without the need for any manual coding at all.
You can take a look around the Showkase interface by logging into the Live Demo Admin.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite, the free version) or Showkase-Pro (which comes with Juicebox-Pro) from the Download Page.
The only difference between Showkase-Standard and Showkase-Pro is the bundled viewer (Juicebox-Lite vs Juicebox-Pro).
As you already have Juicebox-Pro, you could purchase Showkase-Standard (if you wanted to) and integrate your Juicebox-Pro files by following the 'Installing Juicebox-Pro' instructions here.

actually copied the code from that page and typed it into my test gallery index.html page ( that was empty).

If you want to persevere with the online demo, then rather than try to insert the demo code into your gallery's web page, it would be better to do it the other way around; use the demo page as a template and modify it as required. (The gallery's 'index.html' page is essentially just a plain web page with the gallery's embedding code and nothing else, so it would be better to use the demo page (rather than the gallery's 'index.html' page) as a starting point.)

If you get stuck, just upload your dysfunctional gallery online, post a link and I'll see if I can figure out why it's not working.

Having said all that, I hope that the single-page solution from my forum post (here) is a suitable solution for what you are looking to do.

... not sure how that integrates with the JuiceBoxBuilder-Pro's options.

The jAlbum skin is really just a different way of creating a Juicebox gallery (or album of galleries). A Juicebox gallery uses the same set of configuration options no matter how the gallery was created.

The only two methods of creating Juicebox galleries which have individual controls for all Pro configuration options are JuiceboxBuilder-Pro and the Juicebox-Pro plugin for Lightroom.

The jAlbum skin has individual controls for Lite configuration options only. You can still use Pro options (if you are a Pro user and have upgraded the skin to your use Pro files) but you need to add them as text to the 'Pro Options' text area (as you have already been doing for your email settings).

I hope this helps to clarify things a little.

303

(2 replies, posted in Juicebox-Pro Support)

No problem! I'm glad you've been able to resolve your problem.

For others experiencing similar issues, instructions for resolving local viewing issues can be found in this FAQ:
When I view my gallery locally, I see the message "Juicebox can not display locally in this browser". Why?

... and in this forum post (stickied at the top of thein the 'Tips and Tricks' section).

304

(1 replies, posted in Juicebox-Pro Support)

What exactly is not working? The Juicebox skin should produce a full browser page (which always fills the browser's viewport no matter what its shape or size) and your album seems to be doing this OK (viewed in a desktop browser and on an iPhone).

The responsive setting in the 'Tree' section refers to a specific option for jsTree themes (jsTree is the navigation tree used in the skin) and doesn't refer to the entirety of the web page.
It is documented here: https://www.jstree.com/api/#/?q=$.jstre … responsive

$.jstree.defaults.core.themes.responsive

a boolean specifying if a reponsive version of the theme should kick in on smaller screens (if the theme supports it). Defaults to false.

If you need to have the tree text scaled up for mobile devices, then you could try adding a <meta> viewport tag (as below) to the <head> section of your album's 'index.html' page (but please note that this is untested).

<meta name="viewport" content="width=device-width, initial-scale=1" />

(1) Juicebox-Pro has only one text color setting (textColor) which is used for all gallery text.
However, you could set a textColor for your gallery and then override the color for your Gallery Title by using CSS (in the album's 'index.html' page), e.g.:

/* GALLERY TITLE - LARGE SCREEN MODE & SMALL SCREEN MODE */
.jb-area-large-mode-title, .jb-idx-ssm-title-wrapper {
    color: #ff0000 !important;
}

textColor can be found in JuiceboxBuilder-Pro's 'Customize -> Lite' section (and should be entered in the Juicebox skin's 'Pro Options' text area).

For reference, a full list of all Juicebox-Pro configuration options can be found here.

(2) The position of the image's caption text is determined by the Pro configuration option captionPosition.
Possible values for captionPosition are OVERLAY, OVERLAY_IMAGE, BELOW_IMAGE, BOTTOM, BELOW_THUMBS and NONE. A short description of each of these values can be found in the Caption Options section of the Config Options page.
The only way to have the caption text displayed to the left or right of the image would be to set thumbsPosition to either LEFT or RIGHT and then set captionPosition to BELOW_THUMBS, like in this demo here.

That's good to hear! I'm glad you've got it working. Thanks for posting back to let me know.

307

(4 replies, posted in Juicebox-Pro Support)

I'm glad you've been able to answer your own question. Thanks for posting back to let me know.

I realise that, in theory, JuiceboxBuilder could be tweaked to allow certain non-web-safe characters but then you might encounter issues further down the road (for example, when the images are uploaded to a web server).

It really is best to stick with web-safe characters for image filenames when the images are intended for the web.
JuiceboxBuilder works with all web-safe characters and you shouldn't have any trouble with the image filenames in any program or on any web server.

(1) After creating an album, open the 'index.html' file (in the album's root directory) in a plain text editor, scroll down to the CSS section of the page and just after:

body {

... enter the following (the default value for Juicebox-Pro's galleryFontFace configuration option):

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

(2) The minimum requirements for Juicebox-Pro's email functionality are that you set showEmailButton="TRUE" and use a valid email address for emailAddress (in the skin's 'Pro Options' text area). With this is place, the Email Button will display on the gallery's Button Bar.
Please note that you'll need to ensure that you are using Juicebox-Pro for this to work. (Email functionality is not supported by Juicebox-Lite.)
Instructions for upgrading the skin from Juicebox-Lite to Juicebox-Pro can be found in the skin's description on its download page here: https://jalbum.net/en/skins/skin/Juicebox

(3) Thumbnails do not have to be square but they do all need to be the same size as each other.
You can set the thumbnail dimensions on jAlbum's 'Images -> General' tab (in the 'Image bounds' control panel) and you can then tell Juicebox the thumbnail dimensions by setting thumbWidth and thumbHeight in the skin's 'Pro Options' text area, e.g.:

thumbWidth="100"
thumbHeight="60"

Please note that, just like #2 above, you'll need Juicebox-Pro for this to work.

I hope this helps.

Please try running JuiceboxBuilder-Pro with Rosetta.

Check out this forum thread for details: https://juicebox.net/forum/viewtopic.php?id=5289

Also, it's noted as a Known Issue on the Adobe AIR download page: https://airsdk.harman.com/runtime

Launch failure on M1 hardware. Some AIR applications will fail to launch when run on a device using Apple Silicon (M1 / ARM hardware). To work around this, please right-click on the application icon within Finder, choose "Get Info", and on the resulting dialog, select the checkbox "Open using Rosetta".

This should hopefully resolve your problem.

310

(4 replies, posted in Juicebox-Pro Support)

Do you have any non-alpha-numeric characters in your image filenames (e.g. quotes, commas, spaces, accented characters)?
If so, try renaming them using only web-safe characters.

As an image filename forms part of a URL when uploaded to a web server, it would be wise to use only web-safe characters within image filenames. Please see section 2.3 of this document for details.

Characters that are allowed in a URI but do not have a reserved purpose are called unreserved. These include uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde.

JuiceboxBuilder can handle image filenames with any or all of these non-reserved characters (but some other characters can cause problems).

I hope this helps to resolve your issue.

@tonygamble

I'm glad you found the fix you were looking for!

312

(2 replies, posted in Juicebox-Pro Support)

Hi.

If you want to remove support for earlier versions of IE, you could remove all CSS rules relating to the following classes from the 'theme.css' file:
.jb-flag-msie-bf9 (rules relating to all versions prior to IE9)
.jb-flag-msiever8 (rules specific to IE8)
.jb-flag-msiever7 (rules specific to IE7)

If you really wanted to remove support for all versions of IE, you could remove all CSS rules relating to all classes starting with:
.jb-flag-msie

Unfortunately, you won't be able to do similarly for the 'juicebox.js' file as it is compressed and packed/obfuscated and so cannot be modified.
(Also, as noted in this FAQ, modifying the source code is not supported.)

Even if you could modify the 'juicebox.js file, removing the built-in version of jQuery would not be a trivial matter.
You'd need to make sure that all remaining JavaScript code is compatible with whatever version of jQuery you plan to include in your page (checking for the presence of deprecated and removed  functions).
Also, there's surprisingly little JavaScript code relating specifically to IE and removing it would probably only save you 2 or 3 kilobytes from the overall size of the file.
Removing jQuery would obviously reduce the size of the JavaScript file more considerably but it's just not possible for a user to do.

Thanks for the update! I'm glad it's working.

Harman has just released a new AIR runtime (v33.1.1.743) which should hopefully resolve the Mac file dialog issues.
Here's the relevant entry from the AIR SDK release notes:

github-1509/1522/1529: Correcting file dialog handling of properties such as filters and filenames

You can download the new AIR runtime from here: https://airsdk.harman.com/runtime

Please let me know how you get on. Thanks!

315

(4 replies, posted in Juicebox-Pro Support)

Thanks for the update. At least you've found the root of the problem.
I see their documentation regarding this here:
Understand Managed WordPress security: https://godaddy.com/help/understand-man … rity-40956

I hope GoDaddy is willing and able to relax this security measure for your wp-content/plugins/wp-juicebox directory as it breaks the functionality of WP-Juicebox.

It sounds like this applies only to their Managed WordPress platform and not to a regular WordPress site hosted on their web server.
Maybe you could download and install WordPress on your web space yourself and then migrate your Managed WordPress site to the regular WordPress site following GoDaddy's own instructions here:
Move a Managed WordPress site to an unmanaged WordPress account: https://godaddy.com/help/move-a-managed … ount-19798

Otherwise, you could manually embed your Juicebox galleries into your WordPress posts using the baseUrl method of embedding documented here.
Here's an example:

Step #1
Create a gallery with JuiceboxBuilder-Pro (on your computer) and save it to a new empty folder named "my_gallery_folder".

Step#2
Upload the entire gallery folder (not just the contents) to the root directory of your web space (using an FTP program such as Filezilla: https://filezilla-project.org/.)
The root directory will likely be named something like 'public_html' or 'htdocs' (depending on your web server).

Step #3
Create a new 'Custom HTML' Gutenberg block in your WordPress post.
Click the '+' symbol in your WordPress post to create a new Gutenberg block. Scroll down to the 'Formatting' section and select the 'Custom HTML' block type.
Now paste the following embedding code into the 'Custom HTML' block.

<!--START JUICEBOX EMBED-->
<script src="/my_gallery_folder/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: "/my_gallery_folder/",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "600",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

The leading slashes in the paths above denote your root directory so the code above will work without modification as long as your gallery folder is named "my_gallery_folder" and has been uploaded to your root directory.

You can, of course, name your gallery folder anything you like but you'll need to make sure that the correct gallery folder name is used in the two paths within the embedding code.
Also, you can upload your gallery folder to anywhere on your web server as long as the two paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl entry itself, pointing towards the gallery folder) are correct.
I just used "my_gallery_folder" as the gallery folder name for this example and suggest that you upload the gallery folder to your root directory for convenience.

That's all you need to do to embed a Juicebox-Pro gallery into a WordPress post and you can replicate this process as many times as you like.
Of course, for subsequent galleries, you'll need to change the name of the gallery folder (so that each gallery folder has a unique name) and change the two instances of the folder name in the embedding code, but that's all.

I hope this helps.

I'm glad you're making progress (of sorts)!

It sounds like you've got everything back to that way it should be with the obvious exception of the file chooser freezing issue which Harman is aware of.

Here is an up-to-date list (as of 11 January 2022) of discussions/issues surrounding the issue over on Harman's GitHub pages.
https://github.com/airsdk/Adobe-Runtime … sions/1458
https://github.com/airsdk/Adobe-Runtime … sions/1518
https://github.com/airsdk/Adobe-Runtime … ssues/1509
https://github.com/airsdk/Adobe-Runtime … ssues/1522
https://github.com/airsdk/Adobe-Runtime … ssues/1529
https://github.com/airsdk/Adobe-Runtime … ssues/1555

ajwfrost has said (in this comment) that they hope to release a new AIR runtime to fix the issue early next week.

317

(4 replies, posted in Juicebox-Pro Support)

@pholtzman

When I try to view your gallery's configuration file (dynamically generated by the 'config.php' file inside the 'wp-juicebox' folder), I should be able to see the XML data but, instead, I see just the following message:

Forbidden

You don't have permission to access this resource.

If a browser is unable to see the data directly, then Juicebox will be unable to do so also, resulting in the "Config file not found." error that you reported.

In fact, I can't even view the 'readme.txt' file inside the plugin's directory, either. Again, I see an error 403 (forbidden).

Please check the permissions on the files directly inside your /wp-content/plugins/wp-juicebox/ directory.
Default file permissions of 644 should be fine. (You should be able to check and change file permissions either through your hosting account's online file manager or by using a dedicated FTP program such as Filezilla).

Also, please check your web server's security settings (perhaps via your hosting account's online control panel or a '.htaccess' file) to see if there is anything that might be blocking direct access to PHP and TXT files.

If you can't find the root of the problem, just ask your web host why the following URL results in a 'forbidden' error rather than displaying the text and they should be able to help you out further.

http://downtowngroup.com/wp-content/plugins/wp-juicebox/readme.txt

@Ann

I'm glad you've been able to sort out your Safari issue. Thanks for sharing.

For others experiencing the same problem, the relevant instructions are documented in this FAQ and also in this forum post.

The new fix is also documented in this FAQ.

320

(1 replies, posted in Juicebox-Pro Support)

Your attachment didn't seem to attach...

Check to see if any of your image filenames have any special characters in them (i.e. any characters that are not just regular alpha-numeric characters, e.g. commas, spaces, accented characters).
If this does not help, then perhaps you could zip and upload the gallery folder somewhere and provide a link so that I can inspect your gallery files and try to figure out what the problem is.
Thanks!

(You can email me the link to the zip file if you don't want to post it here. My email address is below my user name to the left of this post.)

Thanks! I hope they can resolve the issues very soon.

A user has just reported a further issue with the file/folder chooser (macOS 12.1) in the new AIR SDK (33.1.1.731) which may be related to a change in behavior (no 'New Folder' button) that you noted in your last post.
https://github.com/airsdk/Adobe-Runtime … ssues/1522

I'm sorry to hear that you are still having such problems.
I swapped the AIR framework files on my Windows system (C:\Program Files (x86)\Common Files\Adobe AIR) with the new runtime files from the updated Harman AIR SDK with no problems or adverse effects at all, hence my suggestion for you to try it on your Mac. (I experienced no problems adding multiple images, no speed degradation populating the 'Images' tab, no problem opening existing galleries and no problems with the 'Save Gallery Folder As' dialog window.)

Until the new runtime is released, you might like to just revert to the current AIR runtime (v33.11.533) which you can download from here: https://airsdk.harman.com/runtime
At least then you can save each new gallery to a folder named 'juicebox_gallery' on your desktop and stay away from the 'Browse...' button in the hope that the new runtime will fix it.

From your description of how things stand at the moment, I'd recommend a complete uninstall of both JuiceboxBuilder-Pro and AIR. When the time comes, you should be able to use the new runtime installer to upgrade AIR (on top of the old version, without having to uninstall or reinstall anything further).

If you are urgently looking for a solution, you could perhaps try extracting the runtime files from the new SDK that Harman has just released and manually replace the existing runtime files on your systems.

Download either of the MacOS SDK files (both contain the same runtime files) from this web page: https://airsdk.harman.com/download
After extracting the zip file, you'll find the 'Adobe AIR.framework' runtime files inside the 'runtimes/air/mac/' folder.
The location for 'Adobe AIR.framework' should be /Library/Frameworks/Adobe AIR.framework
This is untested but should hopefully work OK.

Please let me know how you get on if you choose to try this.
Thank you.

Otherwise, deleting the 'ELS/JuiceboxBuilder-Pro' folder (as I noted in a post above) to revert the 'Gallery Folder' text to its default value should enable you to save a gallery to a folder named 'juicebox_gallery' on your desktop (where you can then rename and move it as required) without having to use the 'Browse...' button (which currently invokes the faulty file chooser) at all.

Thank you very much for the confirmation.
It's good to know that we've found the cause of the problem.
At least Harman are aware of the problem and are working on a fix.

Edit:

Harman have just (5 hours ago) released a new AIR SDK with the fix, as noted here: https://github.com/airsdk/Adobe-Runtime … 1003894705
Hopefully the standalone runtime will not be far behind. (I've asked them for an ETA in the thread.)
I'll keep a lookout for it and post back here with any further news.