451

(1 replies, posted in Juicebox-Pro Support)

I'm sorry that your first experience with Juicebox has not been a positive one.
Please see this forum post for a solution to your problem: https://juicebox.net/forum/viewtopic.php?id=5128

I hope this resolves your problem.
Please let me know if you'd still rather have a refund. Thanks!

452

(3 replies, posted in Juicebox-Pro Support)

In trying out the sample demo on your site, ‘Top Left Alignment’, the gallery does resize visually to smaller main image, and clearly smaller thumb sizes, automatically.

It shouldn't (and it doesn't for me)! I've just double-checked the Top-Left Alignment demo in Chrome, Edge and Firefox. Resizing the browser window has no effect on the actual dimensions of the gallery, the main image or the thumbnails (due to the gallery having a fixed size of 1000px x 1000px). Making the browser window smaller than the gallery simply crops the gallery (and you'll not be able to see the whole gallery at once without scrolling the web page).
As I mentioned previously, the only way I can make anything in the gallery look smaller is by changing the browser's zoom scale.
I'm not sure if this is what you are doing but it's the only thing I can do to replicate what you are describing.

... and clearly smaller thumb sizes, automatically

Just to clarify, that's not something that Juicebox does under any circumstance. Thumbnail dimensions remain constant, regardless of whether or not the gallery itself is responsive. The only way to make thumbnails look smaller is by changing the browser's zoom scale.
Check out this full-page responsive demo gallery . When you change the browser window size, the dimensions of the main image will change (depending on the space available) but the dimensions of the thumbnails will not change. (The number of thumbnails being displayed will change though, depending on the space available.)

Juicebox does not use media queries to switch between Small Screen Mode and Large Screen Mode.
There are more differences between Small Screen Mode and Large Screen Mode than can be handled by CSS alone. (In Small Screen Mode, thumbnails and the main images are displayed on different pages and different configuration options are used when displaying the gallery.)
Juicebox uses JavaScript to check the device/browser being used to view the gallery and the size of the viewport.
If screenMode="AUTO" (the default value) and the gallery is being viewed on a mobile device with a screen whose largest dimension is 1000px or less, then Small Screen Mode will be used (otherwise, Large Screen Mode will be used).

I see on the demo you list "setting the screen mode option to ‘Small’". Is that setting ‘Small’ or ‘Auto’ automatically locked into the Juicebox code when the gallery is created?

By default, screenMode is set to AUTO and Juicebox will make the decision as to which screen mode to use automatically.
Take a look as this demo gallery (which uses all default settings) in a desktop browser and on a mobile device and you'll see the different screen modes being used.
However, if you like, you can force Small Screen Mode or Large Screen Mode to always be used on all devices and in all browsers by setting screenMode to either SMALL or LARGE in JuiceboxBuilder-Pro's 'Customize -> General' section.

I hope my notes above help to clarify things.
Please let me know if you have any other queries and I'll do my best to answer them for you.

453

(3 replies, posted in Juicebox-Pro Support)

Juicebox does not actually support responsive thumbnail dimensions. There is no configuration available which allows thumbnails to change size depending on the available space. The number of thumbnails displayed on-screen at any one time is responsive, though (see Note #2 below).

In all Juicebox galleries, thumbnails are always displayed at the designated thumbWidth and thumbHeight dimensions.
Space is reserved for the thumbnails in the gallery and the remaining space is used for the main image.

In the Top-Left Alignment demo, the gallery has fixed dimensions (1000px x 1000px) and is therefore not responsive at all. The gallery is always displayed at 1000px x 1000px, regardless of the browser window size. If the browser window is made smaller, the gallery is simply cropped.
The only way I can make anything in the Top-Left Alignment demo smaller is to change the browser's zoom setting (which affects all content on the page, i.e. the main image and thumbnails). Just changing the browser window size has no effect on the dimensions of the main image or thumbnails.

Bearing in mind that there is no way to make thumbnail dimensions responsive within a Juicebox gallery, here are some notes on gallery responsiveness and thumbnails which might help.

Note #1: Gallery Responsiveness

There are essentially two ways to make a Juicebox gallery responsive (with its dimensions dynamically changing with the size of the user's browser window).

Scenario #1:
A Juicebox gallery will be responsive (and will dynamically scale with the size of the user's browser window) if the gallery's own dimensions and the dimensions of all parent containers are expressed as percentages. If there is a fixed value anywhere up the chain, then the gallery's size will become fixed (e.g. 100% x 100% x 800px = 800px).
Please note that when using percentage heights, you may need to implement the suggestion noted here.

Scenario #2:
You could use JavaScript to listen for a change in the size of the user's browser window and assign new dimensions to the Juicebox gallery if and when this happens.
An example of this can be found in the resizable galleries support section here.
Take a look at the source of this sample gallery in your browser to see how this might be achieved.

Note #2: Number Of Thumbnails Displayed

When thumbsPosition is set to either LEFT or RIGHT, the number of thumbnail columns is fixed at the maxThumbColumns value whereas the number of thumbnail rows is variable (up to the maxThumbRows value) depending on the dimensions of the thumbnails and the space available in the user's browser.
Take a look at this demo gallery with 3 columns of thumbnails.

When thumbsPosition is set to either TOP or BOTTOM, the number of thumbnail rows is fixed at the maxThumbRows value whereas the number of thumbnail columns is variable (up to the maxThumbColumns value) depending on the dimensions of the thumbnails and the space available in the user's browser.
Take a look at this demo gallery with 3 rows of thumbnails.

@winglet

As noted above, you can change the color for all gallery text via the textColor configuration option (in JuiceboxBuilder-Pro's 'Customize -> Lite' section).

If you want to change the color of only the image number in the caption area, then you can use the following CSS (changing the color value as necessary):

/* IMAGE NUMBER */
.jb-cap-frame .jbac-number {
    color: #ff0000 !important;
}

For more information on formatting image titles and captions, please see this forum thread.

455

(12 replies, posted in Juicebox-Pro Support)

@walter@web.de

Unfortunately, there is no way to show the Shopping Cart icon in Small Screen Mode. (Juicebox disables the Shopping Cart icon in Small Screen Mode as the Fotomoto window does not fit on smal-screen mobile devices.)
The only way to ensure that the Shopping Cart icon is shown is for the gallery to be displayed in Large Screen Mode (by setting screenMode="LARGE").

Maybe you could use a different Button Bar button to achieve the same effect.
If you use linkURLs instead of purchaseURLs, then the Open Image button (showOpenButton="TRUE") will open your linkURLs.
If you are already using the Open Image button (for images), then you could perhaps override a different button which you are not using (such as the Email Button).
This is not officially supported but you might like to try it.
Here's some sample code which will display the Email Button and open the corresponding purchaseURL when clicked. (It uses the Juicebox-Pro API to fetch the current's image's purchaseURL.)

<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        containerId: 'juicebox-container',
        galleryWidth: '100%',
        galleryHeight: '100%',
        backgroundColor: 'rgba(34,34,34,1)'
        showEmailButton: 'TRUE'
    });
    jb.onInitComplete = function() {
        $('.jb-bb-btn-email').empty();
        $('.jb-bb-btn-email').off('click');
        $('.jb-bb-btn-email').click(function() {
            var index = jb.getImageIndex();
            var info = jb.getImageInfo(index);
            var url = info.purchaseURL;
            window.open(url, '_blank');
        });
    };
</script>

You could then change the Email Button's icon to something more appropriate (see the Custom Icons support section for further details) and also change its rollover tooltip text (via the Language List configuration option).

As I noted above, overriding Juicebox's regular functionality is not officially supported and my sample code is not fully tested but it should hopefully work OK.

I hope this helps.

456

(1 replies, posted in Juicebox-Pro Support)

You're very welcome!
I'm glad I was able to help.

Take care and best wishes!

457

(3 replies, posted in Juicebox-Pro Support)

You're welcome! I'm glad that you've been able to change the font size of your Gallery Title.
Thank you for letting me know.

458

(3 replies, posted in Juicebox-Pro Support)

That's good to hear! Thank you for letting me know.

459

(3 replies, posted in Juicebox-Pro Support)

Here's a better post which describes how to change font sizes (including that of the Gallery Title).

To change the font size of the Gallery Title, just add something like the following to the foot of your gallery's 'theme.css' file (changing the values as you like):

/* GALLERY TITLE - LARGE SCREEN MODE */
.jb-area-large-mode-title {
    font-size: 48px !important;
}

/* GALLERY TITLE - SMALL SCREEN MODE */
.jb-idx-ssm-title-wrapper {
    font-size: 48px !important;
}

460

(3 replies, posted in Juicebox-Pro Support)

If a gallery is displayed in Small Screen Mode but on a screen with a pixel density of greater than 1.5 (e.g. a retina screen), then medium images are used (instead of small images). (For reference, there is a note regarding Retina Displays in the Multi-Size Image support page.)
Does this maybe account for what you are seeing?

Otherwise, how are you testing in Small Screen Mode? Are you somehow emulating a mobile device in your browser? If so, I cannot be sure that this will give accurate results.
If you want to be able to switch screen modes quickly and easily (without using a browser's developer tools), then first set debugMode="TRUE" in your gallery's 'config.xml' file' and you can then add configuration options to your gallery's URL as a query string (e.g. index.html?screenMode=SMALL). (Check out the Setting Config Options support section for details.)

If you want to change the value that is reported when Juicebox queries your screen's pixel density, then try adding something like the following to your gallery's web page:

<script>
    window.devicePixelRatio=2;
</script>

I've just checked my own Multi-Size Image gallery (with sample images which have the text "small", "medium" and "large" written on them so that I can see at a glance which images are being loaded) and things seem to be working as expected for me on my own devices.
I hope my notes above help.

461

(1 replies, posted in Juicebox-Pro Support)

There's no automated way to build a Juicebox gallery using S3 images but it is possible to display S3 images in a Juicebox gallery.
However, you'd need to create your Juicebox manually (following the Manually Creating a Gallery instructions), adding an <image> entry to the gallery's 'config.xml' file for each of your images (manually entering each image's URL for the imageURL and thumbURL).

You're welcome! I hope you get on OK.
Just let me know if you run into any difficulties and I'll do my best to help you out.

463

(3 replies, posted in Juicebox-Pro Support)

@arachnid

Good call! Thanks for sharing.

Other options to consider are MAMP, WampServer (Windows) and XAMPP.

Thank you for the additional information and the link to your gallery.
I hope that my notes below help to clarify some things.

I cant spread the page larger to read the type

Unfortunately, it can be very difficult to pinch-zoom within a Juicebox gallery as a pinch-zoom gesture can often be misinterpreted as the start of a navigation swipe within the gallery so, for a full-page or expanded gallery, Juicebox locks the viewport of the web page (preventing pinch-zooming) to avoid such issues.
There is no easy solution to make Juicebox gallery images easily zoom-able. (Juicebox does not have any built-in zoom functionality.)

If you'd like to zoom into an image, then the best course of action (as you have already discovered) is to open the image on a page of its own first via the gallery's 'Open Image' button (by setting showOpenButton="TRUE" in JuiceboxBuilder-Pro's 'Customize -> Lite' section) or by tapping/clicking the main image (when setting imageClickMode="OPEN_URL" in the 'Customize -> Main Image' section).
Once the image is displayed on a page of its own, it can be zoomed with ease (and without adversely affecting the gallery itself).
Of course, afterwards, you need to use the browser's own back button (or tab/window selection tool) to return to the gallery page (as noted below).

If I open image in a new window I can enlarge the page but not swipe.

If you click the 'Open Image' button, then you are no longer within the gallery and are simply viewing the chosen image in isolation (i.e. the browser is displaying the image on its own).

If I do nothing, the feature pictures are just too tiny to view, competing with the thumbnails.

I notice that your gallery sets screenMode="LARGE", forcing the gallery to be displayed in Large Screen Mode (where thumbnails and main images share the gallery area) on all devices and in all browsers.
If you set screenMode="AUTO" (the default value for this configuration option in JuiceboxBuilder-Pro's 'Customize -> General' section), then the gallery will be displayed in Small Screen Mode when viewed on mobile devices (and Large Screen Mode when viewed in desktop browsers).
In Small Screen Mode, thumbnails and main images are displayed on separate pages (giving the main images more space).

Also, if a gallery is embedded in a web page alongside other content and displayed in Small Screen Mode, then Juicebox will initially display the Splash Page. I mention this as you'll see the Splash Page if you set screenMode="AUTO", embed your gallery into a WordPress page and view your gallery on a mobile device.

The Splash Page is a placeholder for the gallery which is displayed by default on mobile devices when the gallery is embedded in a page alongside other content (rather than displayed on a page of its own with dimensions of 100% x 100%, filling the browser window) and may may too small to be usable.

The Splash Page is essentially an image link for the gallery which displays an image (by default, the first image in the gallery) and some text.
When the user clicks or taps the Splash Page, the gallery is expanded to fill the browser window (giving the images more space to be displayed).

For more information about Screen Modes, the Splash Page and how Juicebox adapts to different devices and screen sizes, please see here.
A sample gallery using the Splash Page can be found here.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section) or to always use the Splash Page (on all devices and in all browsers) by setting showSplashPage="ALWAYS". Leaving showSplashPage="AUTO" (its default value) works well for most scenarios, though.

If you chose to use the Splash Page for Small Screen Mode (on mobile devices), you can customize it (for example to change the Splash Page image or the text displayed on the Splash Page) using the Splash Page configuration options.

It's an either/or situation...

If you choose to manually embed a gallery, then you do not need to use/install WP-Juicebox at all and there is no need to use the WordPress Media Library to add images to the post.

Just follow the 3 steps in the Manual Embed instructions above exactly (nothing more, nothing less) and your gallery should display in your web page.
(Upload the complete gallery folder to your root directory and paste the embedding code into a Gutenberg 'Custom HTML' block.)

That code knows where my uploaded juicebox show is?

Yes. The first path in the embedding code points towards the 'juicebox.js' JavaScript file (inside the gallery's 'jbcore' folder) and the baseUrl entry points towards the gallery folder.
As I mentioned in the example from my previous email, as long as you name your gallery folder "my_gallery_folder", upload the complete gallery folder to your root directory and use the embedding code exactly as I posted it, everything should work fine.
You can change the name or location of your gallery folder on your web server if you like but, if you do, then you'll need to make sure that the two paths in the embedding code are adjusted accordingly.

If you do choose to use WP-Juicebox, then you'll need to create your gallery using the plugin and use the WordPress Media Library to add images to the post. (When you open the media window to add your images, you'll likely see a 'Create Gallery' button. This refers to creating a native WordPress gallery (it has nothing to do with WP-Juicebox) which you don't want to do. All you want to do is attach images to the post so, after uploading the images, just close the media window (do not press the 'Create Gallery' button).

but we cant get to the next page without going BACK!

On a mobile device, you should be able to swipe left and right to navigate through the images.
What device and browser (and version numbers) are you seeing the problem on?
Please post the link to your gallery so that I can try it for myself.

No option to add image unless I preview.

I'm not seeing any problem with the forum software at the moment (and I log in multiple times each day).
The option to add an attachment appears for me without the need to preview.
Try completely clearing your browser's cache (or try a different browser) in case this helps.
I remember once (a long time ago now), not being able to reach the 'Register' page in the forum and clearing my browser's cache helped me to resolve that problem so it's certainly something worth trying.

466

(3 replies, posted in Juicebox-Pro Support)

Unfortunately, it is no longer possible to preview a Juicebox gallery locally (from your computer's hard drive) in the new version of Edge (which uses the Chromium web engine).
You'll need to use either Firefox or Safari to preview your gallery locally. Please see this forum post for details on how to enable this.

Please note that there is no issue once the gallery has been uploaded to a web server where it can be viewed in any modern browser (including the new version of Edge).

I hope this helps.
However, if you continue to experience difficulties and your problem is with a gallery online, then please post the link to your gallery so that I can see the problem for myself and hopefully help further.
Thank you.

You could either:
(1) Use WP-Juicebox (the dedicated Juicebox plugin for WordPress).
... or:
(2) Embed a Juicebox gallery (created with JuiceboxBuilder-Pro on your computer) manually into a WordPress page or post using the baseUrl method documented here.

(1) WP-Juicebox
You can download WP-Juicebox from its own support page here.
Instructions for use can be found on the same web page.
Just follow the first four steps in the 'Adding a Gallery' section and then scroll down to 'Adding Images From WordPress Media Library -> WordPress 5.0 (Gutenberg Editor)' for instructions on how to add images to your gallery (by attaching images to the page or post).

(2) Manual Embed
Here's an example of how to embed a gallery (created with JuiceboxBuilder-Pro on your computer) manually into a WordPress page or post.

Step #1
Create your gallery with JuiceboxBuilder-Pro 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 server (using an FTP program such as Filezilla).

Step #3
Create a new 'Custom HTML' Gutenberg block (in the 'Formatting' section) and paste the following embedding code (changing the gallery dimensions and background color if you like):

<!--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.

Incidentally, 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 hope this helps.

No worries! I'm glad you've got things working.

I'm glad to hear that you have ben able to resolve your original problem. Thank you for letting me know.

When opening a gallery in JuiceboxBuilder, there is no special project file to look for.
Just navigate towards and select the gallery folder itself (in your case the 'publish' folder), not a file within the gallery folder.
The gallery folder must contain the gallery's configuration file which must be named 'config.xml' (this is what JuiceboxBuilder-Pro looks for and uses to open the gallery).
Incidentally, if you have changed the structure of your gallery since saving it (and use a configUrl or baseUrl to rename or move the configuration file), then JuiceboxBuilder-Pro will not be able to open the gallery.
However, as your gallery has a regular structure and your gallery's configuration file has not been renamed, you should be able to open your gallery as follows:

Instructions to open an existing gallery in JuiceboxBuilder (to edit it):

(1) Click the 'Open Gallery...' button on the 'Start' tab (or select 'Gallery -> Open...' from the drop-down menu at the top of the application).

(2) In the pop-up 'Select Gallery Folder...' dialog window:
Mac - Navigate towards and then double-click the gallery folder.
Windows - Navigate towards and then select (with a single left-click) the gallery folder (not a file within the gallery folder) and click the 'Select Folder' button.

If you are seeing the "Config file not found." message when previewing a gallery locally (from your computer's hard drive), then please see this forum post for a possible solution.

If you are seeing the "Config file not found." message when viewing a gallery online (from a web server), then please see this FAQ: When I view my gallery I see the message 'Config file not found'. How do I fix this?

If the information contained in the links above does not help, then please post back to let me know and I'll try to help further.
If your gallery is online, then please also post a link to the gallery so that I can see the problem for myself.
If your gallery is not yet online, then please zip the gallery folder, upload the zip file and provide a link so that I can download the gallery and take a look.
Thank you.

why does my screen shot disappear?

I'm not sure. I've just checked and attaching an image to a post works OK for me.
After clicking 'Browse' and selecting an image, be sure to click the 'Add file' button to actually add the image to the post.
I hope this helps.

471

(1 replies, posted in Juicebox-Pro Support)

I'm sorry to hear that you are having trouble with JuiceboxBuilder-Pro.

Try installing JuiceboxBuilder-Lite (from the Juicebox-Lite zip package which you can download from this web page) to see if the problem happens with both JuiceboxBulder-Pro and JuiceboxBuilder-Lite. (JuiceboxBuilder-Pro and JuiceboxBuider-Lite can both be installed side-by-side onthe same computer.)
This might help us determine whether the problem is specifically with your JuiceboxBuilder-Pro installation or with Adobe AIR itself.

The next thing I'd try is a complete uninstall and reinstall of JuiceboxBuilder-Pro.
The full procedure to follow (including a list of files to manually delete after uninstalling the application) can be found as suggestion #11 in this forum thread.
I'd also check through the list of other suggestions in the forum post in case they help.

As unlikely as it sounds, I'd also try uninstalling both JuiceboxBuilder-Pro and Adobe AIR and then installing an older version of Adobe AIR (before installing JuiceboxBuilder-Pro).
You can download older versions of AIR from Adobe's archive page here: https://helpx.adobe.com/air/kb/archived … rsion.html
JuiceboxBuilder-Pro requires Adobe AIR v2.0 or later so you could try a version such as Adobe AIR v20.0.
Here are direct links to v20.0. (All links can be found on the archive page.)
Mac: http://download.macromedia.com/air/mac/ … beAIR.tbz2
Windows: http://download.macromedia.com/air/win/ … taller.zip
If this works, then you should be able to upgrade AIR in-place afterwards (without the need to uninstall anything else).

I'd also try temporarily disabling any third-party security software that you might have installed (e.g. Avast or AVG) in case this is somehow interfering with JuiceboxBuilder-Pro's functionality. (Please do so at your own risk and be sure to disconnect from the internet first.)

If you are a Windows PC user and you know the exact time of the application crash, then you could check the Windows Event Viewer to see if there are any entries in the 'Windows Logs -> Applications' or 'Windows Logs -> System' sections which give more information on the nature of the problem.
Please see this web page for more information on the Windows Event Viewer: https://www.howtogeek.com/123646/htg-ex … an-use-it/
This might point you in the right direction.

I hope my notes above help.
Please let me know how you get on and if I can be of any further assistance.

I'm glad to hear that, with help from your web host, you've been able to resolve your problem. Thank you for taking the time to post back to let me know and thank you, also, for sharing your web host's reply.

Just for clarification, the 'config.php' file is called from within your gallery's JavaScript embedding code (in your HTML web page) and not via a PHP include() or require() function and this seems to have been the root of the problem with regard to your web server's security settings.

I'll mark this thread as [SOLVED].

473

(2 replies, posted in Juicebox-Pro Support)

I have worked it out - no reply needed.

I'm glad to hear that you've been able to resolve your problem. Thank you for taking the time to post back to let me know. It's most appreciated. I'll mark this thread as [SOLVED].

Please block the phisher though, thanks.

The spammer has been deleted and reported to stopforumspam.

I think it is unlikely that this is the root of your problem. If permissions of 750 on your 'wp-juicebox' folder were problematic, then I expect that the plugin would not function at all.
Having said that, checking and changing the folder permissions is certainly something I would try myself as part of a troubleshooting campaign (which is why I mentioned it) as it's a quick and easy thing to do and it might make a difference.

I notice that I can directly access other PHP files within the 'wp-juicebox' folder on your web server (just not the 'config.php' one which uses WordPress functions).
This suggests that the problem may not be server-specific but rather may lie somewhere within your WordPress installation.
Have you tried suggestion #3 from my post above (temporarily disabling all plugins other than WP-Juicebox to see if this helps)? Do you have any security plugins installed?
I would check this next (before delving further into server-specific areas).

475

(1 replies, posted in Juicebox-Pro Support)

If you have a copy of the gallery folder on your computer's hard drive and your gallery uses a regular structure (i.e. does not use a configUrl or baseUrl), then you can open and edit the gallery in JuiceboxBuilder-Pro.

On the 'Images' tab, you can rearrange images by file date or filename (if you need to) via the 'Images -> Sort' options from the drop-down menu at the top of the application.
You can then delete images (individually, of in a Shift-Click block or a Ctrl+Click selection) via Ctrl+D (or 'Images -> Delete' from the drop-down menu).

If you save the gallery to the original folder, the deleted images will be removed from the 'images' and 'thumbs' folders so, first of all, I'd make a backup copy of your master gallery and, each time you make a smaller gallery from the master gallery, open a copy of the gallery folder in JuiceboxBuilder-Pro (or make sure that you save each smaller gallery to its own new empty folder).

In doing this, you should be able to make several smaller galleries from your large one.

Otherwise, you'd need to edit your gallery's 'config.xml' file in a plain text editor and manually remove <image> entries corresponding to the images you'd like to remove (and also remove the corresponding images from the 'images' and 'thumbs' folder).

I hope this helps (although, even using JuiceboxBuilder-Pro, I realise that it could be quite a time-consuming task).