1,451

(4 replies, posted in Juicebox-Pro Support)

Thank you. I will definitely look into that. I appreciate you taking the time Steven.

You're welcome!

I don't want to not have one, but I don't want it to display...

Set galleryTitlePosition="NONE" in the 'Pro Options' text area and your Gallery Title will not be displayed in the gallery.

1,452

(7 replies, posted in Juicebox-Pro Support)

@DSWUser

As I noted in this forum post above:

If your gallery is a Juicebox-Pro gallery and you use a Flickr account as an image source, you may need to increase the flickrImageCount from its default value of 50 to its maximum value of 500 on JuiceboxBuilder-Pro's 'Images' tab. (Incidentally, this maximum value is imposed by Flickr rather than Juicebox-Pro.)

In a WP-Juicebox gallery within WordPress, set flickrImageCount="500" in the 'Pro Options' text area.
This should solve your problem.

1,453

(4 replies, posted in Juicebox-Pro Support)

Please see this FAQ which should hopefully help.
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

If the aspect ratio of the gallery's image area does not match that of the images (and it might not if your gallery is responsive and it's shape changes depending on the dimensions of the user's browser viewport), then the images may be scaled as large as possible within the available space but there may be space at the top and bottom (or left and right) of the images.

The easiest solution may be to set your gallery's height to a fixed value (and trial and error might be required to settle on the optimal value).

It might also be an idea to set a non-white background color (at least for testing purposes) so that you know exactly where the gallery boundaries are and what whitespace can be attributed to the gallery and/or the web page itself.

I hope this helps.

1,454

(4 replies, posted in Juicebox-Pro Support)

When using the Media Library as the source of images, WP-Juicebox displays all images attached to the post or page containing the gallery.
Unfortunately, there is no way to exclude certain images (other than the featured image). WP-Juicebox does not do any image handling itself. It relies solely on WordPress's own Media Library functionality. If WordPress natively supported tagging Media Library images, it would make the ability to exclude images from a WP-Juicebox gallery much easier to implement. There are third-party plugins available which allow the tagging of Media Library images but not everyone will use the same one (and they all implement tagging slightly differently) so there's no easy way to do this.

For more control over which images are displayed in your galleries, you might like to use a different image source, such as a Flickr account.
You could upload all your images to Flickr, tag them appropriately (in the Flickr interface) and tell WP-Juicebox which images to display via the 'Flickr Tags' configuration option.
That would probably be the easiest way to achieve what you are looking to do.

1,455

(3 replies, posted in Juicebox-Pro Support)

Thanks for the quick response, it looks as though the gallery was serving the medium image because I'm on a retina screen.

Yes, as noted in the Multi-Size Image Support section, 'medium' images are used in preference to 'small' images on retina screens in Small Screen Mode.

Everything else is working as expected, thanks!

That's great! Thank you for letting me know.

Here are a few suggestions.

(1) As your gallery uses captionPosition="BELOW_IMAGE", the maxCaptionHeight is used as an absolute value. Try reducing the maxCaptionHeight slightly (as much as possible whilst still being large enough to accommodate your captions).

(2) Give your gallery's caption area a background color (perhaps a slight gradient using either captionBackColor and/or captionBackTopColor ) to reduce the amount of white space between the gallery and the following <div>.

(3) Give the following <div> on your web page a small negative top margin (e.g. style="margin-top: -10px;") to move it up the page slightly.

(4) Just in case your gallery is not completely filling the height of its parent container, try changing your gallery's height from 50% to 100% (and adjust the height of the parent container as necessary) or perhaps to a fixed value such as 600px.

Hopefully one (or more) of these suggestions will help.

1,457

(3 replies, posted in Juicebox-Pro Support)

All you need to do to have Multi-Size Image Support is provide smallImageURL and/or largeImageURL entries as attributes to each <image> tag (as you have already done). There are no additional configuration options to set.

The logic determining which image Juicebox will chose to be displayed is noted in the Multi-Size Image Support section.
The small image size will be used only for the main gallery images when the gallery is displayed in Small Screen Mode (on mobile and small screen devices).

Here is a sample Multi-Size Image gallery which clearly shows which image size is being displayed: the 'small', 'medium' and 'large' images have the text 'SMALL', 'MEDIUM' and 'LARGE' embedded within them respectively.
Try displaying the gallery in a desktop browser and on a mobile device and you'll hopefully see the expected image sizes being displayed.

Also, please ensure that you are using Juicebox-Pro (rather than Juicebox-Lite). Multi-Size Image Support is supported by Juicbeox-Pro only (and smallImageURL and largeImageURL entries are ignored by Juicebox-Lite).
If your gallery has a Juicebox logo in its lower-right corner, then it is Juicebox-Lite. Juicebox-Pro galleries do not feature this branding.

If you are having trouble with a particular gallery, then please post its URL so that I can check out the gallery for myself and hopefully help further.

If you want to try suggestion #5 (to display the captions outside the gallery) but are having problems implementing it, then perhaps you could create a test page with your work-in-progress and post the URL to it so that I can take a look at what you've got so far and hopefully help further. Thank you.

1,459

(1 replies, posted in Juicebox-Pro Support)

I'm sorry to hear that you're having a problem with JuiceboxBuilder-Pro.
It certainly sounds very strange and it's not something that I've ever seen myself (using Windows 10).
I don't think any registry entries would be responsible for the behavior that you are describing (but, in the absence of not knowing exactly what is causing the problem, I'm not ruling it out).

My problem is when I try to create a JuiceBox the first thing that happens every shortcut on my desktop gets copied into the directory with the gallery as well as an entire copy of my website from its storage location.

It might help to know where everything is located (drives and paths).
(1) Where are the images located that you are adding to your gallery?
(2) Where is the gallery folder located?
(3) Where is your website (in its storage location) located?

Are you able to do the following successfully?
(1) Open JuiceboxBuilder-Pro.
(2) Click 'New Gallery...'.
(3) Drag and drop a couple of images into the 'Add Images' contol panel (on the 'Images' tab).
(4) Go to the 'Publish' tab and 'Save' the gallery to a new empty folder on your desktop.

When trying the above, are all your desktop shortcuts and a copy of your website copied into your gallery folder (which, for testing purposes, should have been a new empty folder before clicking 'Save') or does the gallery folder contain just the gallery files as expected?

If this works OK, then are you able to provide a detailed account of exactly what you do to trigger the problem (a series of steps that I can follow) and where everything is located so that I can try to replicate it for myself?

At the moment, it really is a mystery so the more additional information you can provide, the better.

Also, if the procedure above does work, then you could use this as a workaround: always save each gallery to a new empty folder and then just copy the gallery files to where you need them to be.

Keeping each gallery in its own separate folder (without any non-gallery files) should also help to keep things organized: you'll know where all the galleries are and that the gallery folders contain only gallery files.
You could then upload the complete gallery folders to your web server and embed the galleries into your web pages using the baseUrl method of embedding documented here. (It's basically the same as the regular method but with a baseUrl entry pointing towards the gallery folder.)

I cannot recommend that you search through the registry and delete all JuiceboxBuilder entries (any registry editing you do would be at your own risk) but here are a list of folders that remain after uninstalling JuiceboxBuilder-Pro (and which you might like to delete manually between uninstallation and reinstallation of JuiceboxBuilder-Pro).

C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\JuiceboxBuilder-Pro
C:\Users\Username\Documents\JuiceboxBuilder-Pro

I hope these notes help (or at least point us in the right direction).

You're welcome!
I hope you get on OK with the suggestions.

1,461

(5 replies, posted in Juicebox-Pro Support)

You're welcome.
I hope you get on OK.

I notice that you define your gallery dimensions using percentages (which is absolutely fine) but in your web page, depending on the size of the browser window, your gallery can be quite small (and there simply may not be enough space to display the full image caption).

However, here are a few suggestions which may help.

(1) You could maybe increase the initial size of your gallery on your web page (by increasing the size of your gallery's parent container). This would allow more room for the captions.

(2) I notice that your gallery currently uses screenMode="LARGE". On mobile devices (especially in portrait orientation), your gallery is displayed with limited width (and little room for the captions). If you were to set screenMode="AUTO" (the default value for this configuration option), then the Splash Page would initially be displayed on mobile devices and, when the Splash Page is tapped, the gallery would expand to fill the viewport, giving the captions more room.

(3) Your gallery currently uses captionPosition="BELOW_IMAGE". This limits the caption's width to match that of the image. If you were to set captionPosition="OVERLAY" or captionPosition="BOTTOM" instead, then the caption's width will span the entire stage (giving the captions more room when the gallery is displayed in desktop browsers).

(4) When using captionPosition="BELOW_IMAGE" (as your gallery currently does), Juicebox-Pro will use the maxCaptionHeight value as the actual (fixed) height for the caption area. If you want to continue using captionPosition="BELOW_IMAGE", then you could increase maxCaptionHeight (to a value greater than its default value of 120) to increase the height of the caption area.

(5) You could actually display your captions outside your gallery by fetching the current image's caption via the Juicebox-Pro API (specifically the getImageInfo() method) and then using JavaScript to display the caption elsewhere on your page (perhaps in a container below your gallery).
Here's an example of how this could be achieved. To see it in action, just create a sample gallery with JuiceboxBuilder-Pro (making sure to give your images some sample captions) and use the following code as your gallery's 'index.html' page.

<!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">
            function escape(input) {
                return input.replace(/&/g, '&amp;').replace(/'/g, '&apos;').replace(/>/g, '&gt;').replace(/</g, '&lt;').replace(/"/g, '&quot;');
            }
            var jb = new juicebox({
                containerId: "juicebox-container",
                galleryHeight: "400",
                galleryWidth: "600"
            });
            jb.onImageChange = function(e) {
                var id = e.id;
                var info = jb.getImageInfo(id);
                var caption = escape(info.caption);
                $('#output').html('<p>' + caption + '</p>');
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
        <div id="output"></div>
    </body>
</html>

I hope you're able to incorporate one or more of these suggestions into your own gallery's web page.

1,463

(5 replies, posted in Juicebox-Pro Support)

If you want to use imageClickMode="OPEN_URL" (to have the image click open the image itself) but still have a link somewhere to open a custom page, then perhaps the best course of action would be to create unique links in your image captions using HTML formatting as documented in this FAQ.
Image captions can be multi-line (using HTML line breaks <br>) so you could keep your existing captions and add something like the following to the end of them:

<br>Click <a href="/custom_pages/page0001.html" target="_blank">here</a> for more information.

You could then create your custom pages in Showkase (if you like) and hide them from the navigation menu by dragging the pages onto the 'Hidden pages' tree node on the 'Pages' tab.

I hope this helps.

1,464

(1 replies, posted in Juicebox-Pro Support)

The Button Bar icons are actually characters in a custom font so your problem is most likely a font issue.

However, if the problem is at server level (either incorrect or missing MIME type entries in your server settings or restrictive permissions for the font files in the 'jbcore/classic/fonts/' directory), then I would expect the problem to be seen across all platforms (not just on mobile devices).

If you are not already using the latest version of JuiceboxBuilder-Pro, then try upgrading your gallery to see if this helps.
Full instructions for downloading the latest version and upgrading existing galleries can be found here.

Even if you are already using the latest version of Juicebox-Pro, try re-uploading the gallery's 'jbcore' folder to make sure that all font files are present and correct on your server.

If you continue to experience difficulties, then please:
(1) Provide a link to your gallery so that I can try to see the problem for myself.
(2) Let me know what device and browser (including version numbers) you see the problem in.

Thank you.

1,465

(3 replies, posted in Juicebox-Pro Support)

... hide the main image and only show thumbnails, and then when a thumbnail is clicked have the main image come up and hide the thumbnails?

This is certainly possible. You can force the gallery to always be displayed in Small Screen Mode (where thumbnails and main images are displayed on different pages) by setting screenMode="SMALL" (in JuiceboxBuilder-Pro's 'Customize -> General' section).
More information about Screen Modes can be found here.
Here is a sample gallery which demonstrates Small Screen Mode: https://www.juicebox.net/demos/pro/ssm/

I would probably like to have 20 or so thumbnails taking up the whole screen in 5 rows,

The thumbnail pages in Small Screen Mode are responsive and it is not possible to set the exact number of thumbnails (columns and rows) per page. The number of thumbnails displayed on a thumbnail page in Small Screen Mode will be determined by the thumbnail dimensions (set via the thumbWidth and thumbHeight configuration options) and the size of the user's browser window. If there is not enough available space to display all the thumbnails at once, then additional thumbnail pages will be generated and the user can navigate between them with the thumbnail paging arrows.
Take a look at this sample gallery and try resizing your browser window: https://www.juicebox.net/demos/pro/full … Mode=SMALL

... and then when a thumbnail is clicked and the main image opens the thumbnails revert to 1 row of four (scrollable) at the bottom.

This is not possible. In Small Screen Mode, the thumbnails and main images are always displayed on different pages (never together) and in Large Screen Mode, the thumbnails and main images are always displayed together on the same page (although the thumbnails can be toggled on and off via the Thumbnail Button or with the auto-hide functionality).
Here's a sample gallery featuring the Thumbnail Button (on the gallery's Button Bar at the top right) which shows and hides the thumbnails when clicked: https://www.juicebox.net/demos/pro/default/

1,466

(3 replies, posted in Juicebox-Pro Support)

so how its possible that the new post gallery overwrite the old post code ?

This should not be possible at all. Each time a new gallery is created (via the 'Add Juicebox Gallery' button), a unique gallery id is generated.
There should never be two gallery shortcodes with the same gallery id.
Also, gallery ids should be interchanged manually and gallery shortcodes should not be copied and pasted between posts.

Unless someone has manually changed a gallery id in a gallery shortcode (or has copied and pasted an existing shortcode), I cannot explain why you have duplicate gallery ids.
Also, there is no way for a gallery id (or gallery shortcode) to change by itself (unless you have a schedulted task on your server or WordPress site which is somehow interfering with post content).

A gallery id signifies which configuration file (stored in the 'uploads/juicebox/' directory) should be used.
Inside the configuration file is a post id which then tells the gallery which post's attachments to display.

If you check out your 'equis-bar-grand-opening' gallery, you'll see that it uses a gallery id of 208.
If you then examine the contents of the http://www.rivieraevents.com/wp-content … ox/208.xml file, you'll see that the corresponding post id is 5354. Therefore, the gallery is displaying all images attached to post 5354.

If you were to copy and paste a gallery short code (complete with gallery id) to a different post and click 'Update' (which I would not recommend), then the post id in the corresponding configuration file will change (to that of the current post) and the gallery will display the images attached to the updated post id.

I really do not know what is at the root of your problem but maybe my notes above will help to clarify some things.

1,467

(3 replies, posted in Juicebox-Pro Support)

Is this normal...

Yes. Due to the size of the Fotomoto share window, shopping cart functionality is disabled in Small Screen Mode (used when the gallery is displayed on mobile devices) and works only in Large Screen Mode (in desktop browsers).
This is mentioned in the 'Additional notes' for the Shopping Cart support section.

Shopping Cart button is disabled in Small Screen Mode since the Fotomoto popup interface does not fit on smaller screens.

1,468

(1 replies, posted in Juicebox-Pro Support)

I notice that your gallery currently uses Juicebox-Pro v1.5.0.
There was a bug in v1.5.0 whereby Flickr descriptions may not be displayed in galleries which do not display thumbnails (like your "Latest few snaps" gallery).
This bug was fixed in v1.5.1 (please see the Version History page for a full list of changes) so please try upgrading your gallery.

Full instructions for downloading the latest version and for upgrading existing galleries can be found on the Upgrading Juicebox support page.
Essentially, you can load and re-save your gallery in JuiceboxBuilder-Pro or replace your gallery's existing 'jbcore' folder with the 'jbcore' folder from the Juicebox-Pro v1.5.1 download zip package ('juicebox_pro_1.5.1/web/jbcore').

This should hopefully fix your problem.

1,469

(1 replies, posted in Juicebox-Pro Support)

Please see my reply to your query in your other forum thread.

1,470

(3 replies, posted in Juicebox-Pro Support)

The 'Add Juicebox Gallery' button will add a Juicebox gallery shortcode to the page or post but there is no code in the plugin which can change or remove an existing shortcode.
Also, there is no code within the plugin that can delete any images from a gallery (or the WordPress Media Library).
All image handling is performed by core WordPress code. WP-Juicebox just displays the images that happen to be attached to the page or post containing the gallery at the time the gallery is displayed.
The plugin also does not contain any scheduled tasks (which might make things appear to happen on their own).

It sounds like something other than the plugin might be at the root of your problem.

Ask everyone who has administrative access to your WordPress site if they have done anything which might have changed anything.
Also, check in with your web host to see if they have experienced any problems recently and have had to backup your site using older versions of your files.

Hopefully some investigative work will help to point you in the right direction.

1,471

(6 replies, posted in Juicebox-Pro Support)

You're welcome!

1,472

(5 replies, posted in Juicebox-Pro Support)

Yes. Set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) and, when a main image is clicked, the corresponding linkURL will be opened in the linkTarget window. (Ordinarily, when setting imageClickMode="OPEN_URL", the corresponding imageURL will be opened but if a linkURL has been assigned to the image, then this will be used instead.)

You can specify a unique linkURL and linkTarget for each image on JuiceboxBuilder-Pro's 'Images' tab.
Just click a thumbnail and the linkURL and linkTarget input boxes will be visible below the thumbnails.
(Otherwise, you can edit your gallery's 'config.xml' file manually in a plain text editor to add your linkURL and linkTarget entries as attributes to the <image> tags.)

A linkURL can be relative (to the web page containing the gallery's embedding code) or absolute (in the form 'http://www.example.com/files/file0001.pdf').

You're welcome!

You're welcome!
I'm glad it was an easy fix! Thanks for letting me know.

According to your gallery's 'config.xml' file, the 21st image in your gallery should be located here:
http://utifotok.000webhostapp.com/images/DSCN1558.jpg

However, going directly to that location in a browser (bypassing Juicebox) results in an error 404 (file not found).
The missing images are listed in your gallery's 'config.xml' file but do not seem to be present on your web server (or at least in the correct location).
Try re-uploading your gallery's images to your web server. This should hopefully solve your problem.

If the images are in their correct location on your web server, then please check their permissions to ensure that they are not too restrictive. Default file permissions of 644 should be fine. You should be able to check and change permissions using either a dedicated FTP program such as Filezilla or via your web hosting account's online File Manager.

I hope this points you in the right direction.