Editing a gallery using JuiceboxBuilder-Pro relies on there being a local copy of the gallery available.
JuiceboxBuilder-Pro cannot edit a gallery online.

If you want to edit a single gallery using two different computers, then, each time you edit the gallery on one computer, I'd recommend storing the entire gallery somewhere so that it can be accessed by the other computer. Perhaps copy the gallery folder to a USB flash drive or zip the complete gallery folder and upload it somewhere so that you can easily download it and work on it from your second computer.

I don't know how important it is for you to manage a gallery from different locations but you might be interested in another one of our products: Showkase.

Showkase is a PHP web application (installed on your web server) which allows you to create a complete portfolio web site (integrating multiple galleries) online. However, you can use Showkase in its Gallery Manager theme to create and edit galleries (which you can embed into any web pages throughout your website) online through a web browser interface. You'd be able to log into your Showkase site from any computer and edit your gallery directly online (without the need to upload any modified gallery files via FTP). You can also import existing galleries (created with JuiceboxBuilder-Pro) into your Showkase site so that you can then manage them from within the application's interface.

Please feel free to 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 and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro). The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.
As you already have Juicebox-Pro, you could purchase Showkase-Standard and integrate your Juicebox-Pro files following the Installing a Pro Viewer instructions.

The gallery's 'config.xml' file stores the configuration options and the image data so, after editing a gallery in JuiceboxBuilder-Pro, you'll need to re-upload the 'config.xml' file (as well as any new images and thumbnails to their respective folders).

The gallery's dimensions and background color are set in the embedding code (so that the gallery can be rendered on the web page with the correct size and color before the 'config.xml' file is parsed) so if you change the gallery width, gallery height or background color, you'll need to update your gallery's embedding code, too.

1,603

(9 replies, posted in Juicebox-Pro Support)

Unfortunately, I don't have an iPad on which to test but your gallery's Splash Page (in your embedding web page) and the gallery itself both look OK on my iPod Touch. The Splash Page resizes correctly when changing orientation and, when the gallery has been expanded from the Splash Page, the images are displayed as large as possible within the gallery's image area (no matter what orientation the device is in).

Here are a couple of things I notice which might point you in the right direction.

(1) Your embedding page does not seem to be responsive in desktop browsers.
If the browser window is made more narrow, then the content on your web page does not adapt to the new width. The content is simply truncated (beyond the right-hand side of the browser window). This might be contributing to your problem in browser viewports of a certain width. Rotating your iPad might have a similar effect to changing the width of a desktop browser window (where your embedding page no longer fits the browser viewport).

(2) You have given your gallery dimensions of 100% x 100%. This might be perfectly OK but please check your gallery's parent container to see what dimensions have been assigned to it via CSS. A gallery height of 100% means that the gallery's actual height will be 100% of the height of its parent container. If the gallery's parent container has not been assigned a height via CSS, then Juicebox may not be able to determine what the gallery's actual height should be 100% of and this might cause your gallery to be displayed at unexpected dimensions.
Try giving your gallery a fixed pixel height (and try a few different values) instead of a percentage (at least for testing purposes). A gallery with a greater height will have a larger image area and this may allow the image to be displayed larger (depending on aspect ratios) with less space to the left and right.
Also, as your embedding page seems to be based on a fixed width, you might like to try giving your gallery a fixed width, too (to match that of your page).

If you continue to experience difficulties, please let me know the following:
(1) Does the problem happen only within the embedding page or also when the gallery has been expanded?
(2) What version of iPad do you have?
(3) What version of iOS do you run on your iPad?
(4) What browser (or browsers) do you see the problem in (Mobile Chrome, Mobile Firefox, Mobile Safari)?

Also, if possible, please provide screenshots so that I can see what you are seeing (as I do not have an iPad and cannot see your problem). You can attach images to a forum post if you like or upload them elsewhere and provide links.

Hopefully, once I'm able to see the problem (at least in screenshots), I should have a better idea of what might be causing it and might be able to propose a solution.
Thank you.

1,604

(7 replies, posted in Juicebox-Pro Support)

You're welcome.

Even though Showkase creates responsive pages for a wide range of devices and screen shapes and sizes, I realise that you might not have been able to achieve the exact layout that you were looking for.
However, it is certainly much easier to work with the available Showkase and Juicebox configuration options than to delve deep into the source code and CSS to try to modify the layout manually.
Sometimes, a compromise might be required (between your ideal scenario and what is easily achievable using the available configuration options). Your web pages should still look good across different platforms (if not exactly as you envisioned).
I hope you're able to find a balance that works for you with what Showkase and Juicebox-Pro have to offer.

1,605

(7 replies, posted in Juicebox-Pro Support)

Is the 'SM.png' below the best I can expect to make the small screen mode with caption look? (IE caption over the image) or is there an option Im not using that would push the caption below?

There is no way to move the caption area in Small Screen Mode: captionPosition is active in Large Screen Mode only.
In Small Screen Mode, the captionPosition is always set to OVERLAY, although the overlay can be toggled on and off by tapping the screen (or the Info Button if it is used). This gives the images as much room to be displayed as possible on small screen devices.
You could perhaps make your caption text stand out a little more by setting captionBackColor and/or captionBackTopColor (to give your caption area a more prominent background color instead of it being transparent) or by changing your textColor.

I am currently forcing Large screen mode and the below you can see the outcome...

In Large Screen Mode, when you set captionPosition="BELOW_IMAGE", Juicebox uses the maxCaptionHeight value as an absolute value (rather than a maximum value) and this amount of space is always reserved for the caption area (no matter how much text there is to be displayed).
With the Showkase header and the reserved caption area below the images in the gallery, the images are probably being displayed as large as they can within the remaining space available.
By default, Showkase displays a gallery page such that the header and gallery are visible in their entirety (with the bottom of the gallery at the bottom of the browser window) so that users do not need to scroll to see any of the gallery.
The easiest way to increase the space available for the images would be to either reduce the maxCaptionHeight value (if possible) or set captionPosition to OVERLAY or OVERLAY_IMAGE.

1,606

(5 replies, posted in Juicebox-Lite Support)

You're welcome.
I'm glad you've got it working. Thank you for letting me know.

1,607

(6 replies, posted in Juicebox-Pro Support)

If anyone else is reading this thread and experiencing a similar issue, please make sure that you are using the latest version of WP-Juicebox (v1.5.0.1) which can be downloaded from the plugin's support page here.

It looks like the problem was due to bug in WP-Juicebox v1.5.0 regarding the use of a custom permalink structure.
This problem was fixed in WP-Juicebox v1.5.0.1 (see the Version History page for a list of changes between versions) and upgrading WP-Juicebox to v1.5.0.1 should solve the problem.

1,608

(6 replies, posted in Juicebox-Pro Support)

Please check your email. I have sent you a message with an email address where you can forward me your login details.
Thank you.

1,609

(3 replies, posted in Juicebox-Pro Support)

@safeboat

Right-clicking is disabled within a Juicebox gallery but, in addition to showOpenButton (as noted above), there is now a direct download button (introduced in v1.5.0 - see the Version History page for a full list of changes).

Set showDownloadButton="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section) and the Download Button will be displayed on the gallery's Button Bar. Clicking this button will automatically initiate a download of the current image (without the need to open the image in a new page first).

You can check out the Download Button in this demo gallery (2nd icon from the left on the Button Bar).

By default, the Download Button will download the imageURL.
However, if you use a Multi-Size Image gallery and use large images, then the Download Button will download the largeImageURL
If you assign a linkURL to an image (to point towards a custom file), then the Download Button will download the linkURL instead.

1,610

(5 replies, posted in Juicebox-Lite Support)

As an update to this topic, the code I posted back in 2015 worked at the time but it seems to be unreliable now (the arrow keys work for only one image transition before the gallery needs a click for keyboard controls to continue functioning).
I find that the following code seems to work well with the current version of Juicebox (v1.5.0):

jb.onInitComplete = function() {
    $('.juicebox-gallery').first().focus();
};

@ryanrowlett
If you'd like to incorporate this focus code into the Lightroom plugin (so that each 'index.html' file generated by the plugin includes this code), then you can edit the plugin's template 'index.html' file as follows.

(1) Open the plugin's template 'index.html' file in a plain text editor. (Change the directory name from 'juicebox_pro.lrwebengine' to 'juicebox_lite.lrwebengine' is you are using the Lite version of the plugin.)
Mac - Users/username/Library/Application Support/Adobe/Lightroom/Web Galleries/juicebox_pro.lrwebengine/index.html
Window - C:\Users\username\AppData\Roaming\Adobe\Lightroom\Web Galleries\juicebox_pro.lrwebengine\index.html

(2) Scroll down to the start of the 'new juicebox' embedding code section.

(3) Replace:

new juicebox({
    backgroundColor: "<%= get_rgba(model.extra.backgroundColorColor, model.extra.backgroundColorOpacity) %>",
    containerId: "juicebox-container",
    galleryHeight: "<%= model.extra.galleryHeight %>",
    galleryWidth: "<%= model.extra.galleryWidth %>"
});

... with:

var jb = new juicebox({
    backgroundColor: "<%= get_rgba(model.extra.backgroundColorColor, model.extra.backgroundColorOpacity) %>",
    containerId: "juicebox-container",
    galleryHeight: "<%= model.extra.galleryHeight %>",
    galleryWidth: "<%= model.extra.galleryWidth %>"
});
jb.onInitComplete = function() {
    $('.juicebox-gallery').first().focus();
};

As you are also a Showkase user, I should point out that this will work only if the gallery's 'index.html' page is used to display the gallery (on a page of its own).
If the gallery is subsequently imported into Showkase, then this modification will be lost. The gallery's HTML embedding page is not used when importing a gallery (only the images and configuration options in the gallery's 'config.xml' file are taken into consideration).
If you'd like the focus code to be used for Juicebox gallery pages within Showkase, then just add the following code to your theme's 'custom.js' file.

$(document).ready(function() {
    if (jb) {
        jb.onInitComplete = function() {
            $('.juicebox-gallery').first().focus();
        };
    }
});

For example, if you are using the Kosel, them, then the 'custom'js' file can be found in this location: showkase/_themes/kosel/js/custom.js
If you are using a different theme, just replace 'kosel' in the path above with the name of the theme that you are using.

1,611

(1 replies, posted in Juicebox-Pro Support)

Every gallery needs to have a separate configuration file (default name 'config.xml').
You can certainly set Config Options in the embedding code (please see here for details), but image data cannot be set in the embedding code and must be set in the configuration file.
Even if you use a Flickr account as a source of images and set the Flickr Options in the embedding code, the gallery still needs a separate configuration file (even if it is just a dummy file with only a <juiceboxgallery /> tag) to function correctly.

Please note that if a configUrl is not explicitly set in the embedding code, then Juicebox will look for a file named 'config.xml' in the same directory as the web page containing the embedding code.

I don't know what your goal is or if it will help you out but you could use a PHP script (or use some other server-side scripting language) to generate XML content on-the-fly when the gallery is displayed. Please take a look at this forum post (scroll down to the answer to Query #3) which has an example of how this could be achieved to display all images in a designated folder. (You could change the code to pull in image data from a database or whatever image source you choose to use.)

It would be great if you could please post your suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
Many thanks!

I appreciate you taking the time to post your suggestions in the forum.
However, if would be much better if you posted them in the Feature Request forum thread (a dedicated thread for ideas) where they will be seen by the developers and are less likely to get lost in amongst all the other support threads.
Thank you.

Incidentally, captions appear and disappear with their corresponding images so you might like to try setting imageTransitionType to either FADE or CROSS_FADE and then increasing the imageTransitionTime from its default value of 0.3 to something larger (although this will affect all image transitions, not just the initial image fade in).
Still, it might be worth trying a few different combinations in case you find something close to what you are trying to achieve.
(Both the configuration options in bold above can be found in the Main Image Options section of the Config Options page.)

You can skip the thumbnail page in Small Screen Mode and go straight to the  main images by setting showSmallThumbsOnLoad="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section). You can also hide the Thumbnail Button on the Button Bar if you like (so users cannot access the thumbnail page at all) by setting showSmallThumbsButton="FALSE".

There are similar configuration options available for Large Screen Mode to initially hide or show the thumbnails (showThumbsOnLoad) and to choose whether or not to display the Thumbnail Button (showThumbsButton).

Additionally, you can choose which image to initially display via firstImageIndex ('Customize -> General').

1,615

(3 replies, posted in Juicebox-Pro Support)

You're welcome.

1,616

(1 replies, posted in Juicebox-Lite Support)

The image you are describing is the Splash Page image.
More information about the Splash Page can be found in the Screen Modes section of the Gallery Tour.

By default, the Slash Page uses the first image in the gallery and scales the image to fill (rather than fit within) the Splash Page (which uses the gallery dimensions). If the image does not have the same aspect ratio as the gallery/Splash Page, then cropping will occur.

There is no way to change the scaling behavior for the Splash Page image but you can choose an image to be used for the Splash Page via the splashImageUrl configuration option.
The splashImageUrl can be an absolute path or a relative path (relative to the web page containing the gallery's embedding code).
The splashImageUrl does not need to be a gallery image so you could perhaps prepare an image that represents your gallery and looks better at the gallery/Splash Page dimensions.

For reference, all the Splash Page configuration options can be found here.

All you need to do to upgrade an existing gallery from Juicebox-Lite to Juicebox-Pro is replace the gallery's Lite 'jbcore' folder with the Pro 'jbcore' folder from the Juicebox-Pro zip package ('juicebox_pro_1.5.0/web/jbcore/'). This will instantly remove the image limit and branding and any Pro configuration options in the gallery's configuration file will become active.

You can also load a Juicebox-Lite gallery (using a local copy of the gallery on your computer) into JuiceboxBuilder-Pro (the desktop application to create and edit Juicebox-Pro galleries), configure the gallery with Pro options if you like (on the 'Customize' tab) and re-save the gallery on the 'Publish' tab. The gallery will be upgraded to Juicebox-Pro and you can then re-upload the gallery to your web server.

Is there a built-in limitation of the number of albums per one page?

No, there's no limit to the number of galleries you can have on a single web page.

OK, solved!

That's great to hear! I'm glad you've been able to resolve your problem. Thank you for posting back to let me know.

For anyone who wants to embed multiple galleries on a single web page, here are a few tips.
(1) Load the 'juicebox.js' file just once per web page (rather than once per gallery).
(2) Embed each gallery into a div container with a unique containerId.
(3) In each gallery's embedding code, use a configUrl (to point towards a unique configuration file) or a baseUrl (to point towards a unique gallery folder).

Short descriptions of the configuration options in bold above can be found in the Embed Options section of the Config Options page.

1,619

(3 replies, posted in Juicebox-Pro Support)

There is no way to change the imageURL prefix in JuiceboxBuilder-Pro. Images are always placed in a folder named 'images' and the imageURL paths always start with "images/". There are no user-changeable configuration options to change the name of the image folder or to set a different prefix for the imageURL. The code which handles this is compiled and cannot be modified.

If you want to use a different gallery structure to that created by JuiceboxBuilder-Pro, then you'll need to edit your gallery's 'config.xml' file in a plain text editor to change the imageURL paths.
However, if you use a text editor such as Notepad++, you'll be able to change all instances of "images/" to whatever you like across multiple files (if you have many galleries to change) in a single global search and replace action which should take just a matter of seconds.

1,620

(10 replies, posted in Juicebox-Pro Support)

@racerx2oo3 & @studio tissot mayenfisch

Thanks for offering to share your solutions and feedback!
I hope you get on well with your implementations.

1,621

(10 replies, posted in Juicebox-Pro Support)

You could modify the template 'index.html' file that JuiceboxBuilder-Pro uses to generate the gallery's 'index.html' file.
On a Windows PC, this template file is located here: C:\Program Files (x86)\JuiceboxBuilder-Pro\template\index.html
Try replacing the contents of this template file with the following. (I would strongly suggest that you take a backup of the original template file first, just in case anything goes wrong and you need to reinstate it at a later date.)

<!DOCTYPE html>
<html lang="en">
<head>
    <title>%%TITLE%%</title>
    <meta charset="utf-8" />
    <meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <meta name="description" content="%%DESCRIPTION%%" />

    <!-- START OPEN GRAPH TAGS-->
    <meta property="og:title" content="%%TITLE%%" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="%%GALLERY_URL%%" />
    <meta property="og:image" content="%%IMAGE_URL%%" />
    <meta property="og:description" content="%%DESCRIPTION%%" />
    <!-- END OPEN GRAPH TAGS-->

    <style type="text/css">
    body {
        margin: 0px;
    }
    </style>
</head>
<body>
    <!--START JUICEBOX EMBED-->
    <script src="jbcore/juicebox.js"></script>
    <script type="text/javascript">

        var purchaseURL;

        var strWindowName = 'Shopping Cart';
        var strWindowFeatures = 'menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes,width=600,height=400';

        var jb = new juicebox({
            containerId: "juicebox-container",
            galleryWidth: '%%WIDTH%%',
            galleryHeight: '%%HEIGHT%%',
            backgroundColor: '%%COLOR%%'
        });

        jb.onInitComplete = function() {
            $('.jb-bb-btn-fotomoto').off('click');
            $('.jb-bb-btn-fotomoto').click(function() {
                var windowObjectReference = window.open('about:blank', strWindowName, strWindowFeatures);
                $.get('config.xml', function(data) {
                    var index = jb.getImageIndex();
                    purchaseURL = $(data).find('image').eq(index - 1).attr('purchaseURL');
                }).done(function() {
                    windowObjectReference.location.replace(purchaseURL);
                }).fail(function() {
                    windowObjectReference.close();
                });
            });
        };

    </script>
    <div id="juicebox-container"></div>
    <!--END JUICEBOX EMBED-->
</body>
</html>

1,622

(6 replies, posted in Juicebox-Pro Support)

I am running Rosa theme if that also helps.

Try temporarily reverting to a default WordPress theme (such as Twenty Seventeen) just in case this makes a difference.

I am happy to help further but I would really need access to both your web server and WordPress site (to upload some test files are try things out) in order to determine the cause of your problem.
If you are agreeable to this, then please let me know and I will send you an email address where you can forward me your FTP and WordPress login details.
Thanks you.

1,623

(1 replies, posted in Juicebox-Pro Support)

A spinning logo usually indicates that an image cannot be found (perhaps due to an incorrect path in the gallery's XML file or a missing image on the web server).

If your gallery was working fine but now is not (and you have made no changes), then this suggests that something might have happened on your web server to cause the problem.
First of all, check that the paths to the images in your gallery's XML file are correct and that your images are present in their correct locations on your web server.
You might like to also contact your web host to ask if they have changed anything or have been experiencing any issues lately which might be contributing to your problem (maybe they have had some reason to reinstate your website from an incomplete backup).

If you continue to experience difficulties, please post back with the URL to your gallery's web page so that I can see the problem for myself and hopefully help further.
Thank you.

1,624

(7 replies, posted in Juicebox-Pro Support)

Mainly I am trying to control the following aspects of the UI in mobile only"

Juicebox-Pro uses one set of configuration options for both Large Screen Mode and Small Screen Mode so, unfortunately, it is not possible to configure each screen mode differently. Additionally, certain configuration options are Large Screen Mode only (such as captionPosition and imageTransitionType) and these cannot easily be changed at all for Small Screen Mode.
There's more information about Screen Modes and how Juicebox adapts to different devices and screen sizes here.

What you might like to try, however, is force the gallery to always be displayed in Large Screen Mode (no matter what device or browser is being used to view the gallery) by setting screenMode="LARGE" (in the 'General' configuration options section).

If I could see these things in-browser on desktop I could use Inspector.

If you want to see the Small Screen Mode version of your gallery in your desktop browser, temporarily set screenMode="SMALL".
Alternatively, if you use Firefox, you could perhaps try using 'Tools -> Web Developer -> Responsive Design Mode'.
Another suggestion would be to use an extension such as User Agent Overrider which, as the name suggests, overrides the user agent string for your browser (to identify your browser as something that it's not). You could select 'iOS / Safari 10', for example, and your gallery should be displayed in Small Screen Mode (as if on an iOS device). This is not an emulator but it should be suitable for examining the Small Screen Mode version of your gallery in your browser's developer tools.
There should be similar options and extensions for other browsers.

I hope this points you in the right direction.

1,625

(1 replies, posted in Juicebox-Lite Support)

It sounds like your problem might be due to incorrect or missing MIME types (for the font files) on your web server.
If this is the case, then you may have to contact your web host to ask if they can add the font file types (.eot, .svg, .ttf, .woff) to the list of MIME types (so that browsers know what to do with them).

Also, try viewing your gallery in different browser to see if the problem occurs in them all or just in certain browsers.
For example, if you see the problem in just Internet Explorer, then make sure that Compatibility View is not enabled.

I hope these notes help.
However, if you continue to experience difficulties, please post the URL to your gallery's web page so that I can take a look at the problem and hopefully help further. Thank you.