876 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

I'm not sure if you are referring to navigation links within the Showkase menu (on all pages including Juicebox gallery pages but not actually within Juicebox galleries themselves) or navigation links within Juicebox galleries (perhaps embedded within image captions).

Juicebox has its own color configuration options (in each gallery page) which are independent of the Showkase color settings (in 'Site -> Customize Theme').
The text color for all Juicebox gallery text can be found in the 'Lite Viewer Options' section of each gallery page.
(You can set default values for all subsequently generated galleries in 'Site -> Customize Viewers' if you like.)

If you change any Showkase colors (in 'Site -> Customize Theme -> Color Palette'), be sure to set 'Site -> Customize Theme -> Color Scheme' to 'custom' to use the custom color palette settings.

I hope these notes help,
However, if you continue to experience difficulties, please post back with the URL to the web page in question and let me know exactly what links you are referring to and I should hopefully be able to let you know how to change their color.

Go to forum: Juicebox-Pro Support

877 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Here are more detailed instructions on how to upgrade Showkase to use Juicebox-Pro.

(1) Extract the Juicebox-Pro zip file ('juicebox_pro_1.5.1.zip').
The folder you will need to use is the 'jbcore' folder in this location: 'juicebox_pro_151/web/jbcore'.
If you have created a Juicebox-Pro gallery on your computer with either JuiceboxBuilder-Pro or the Juicebox-Pro Plugin for Lightroom, then you can use the 'jbcore' folder inside your gallery folder (it will be identical to the 'jbcore' folder inside the sample 'web' gallery folder).

(2) Upload the entire 'jbcore' from Step #1 above (not just its contents) to your Showkase site's 'showkase/admin/plugins/juicebox/master/' directory, overwriting the existing 'jbcore' folder in that location. (Either delete the existing 'jbcore' folder first ('showkase/admin/plugins/juicebox/master/jbcore') or ensure that your FTP program is set to overwrite existing files.)

(3) Republish your site (by clicking the 'Publish' button) to upgrade all Juicebox gallery pages throughout your Showkase site to the version of Juicebox that you have used in the procedure above.

4. In other words do I need to put the .air file and the lightroom-plugin up to my website or install it on the computer despite the fact that I can’t use it there?

Just to clarify, the only folder you need to upload from the Juicebox-Pro zip package is the 'jbcore' folder from the sample 'web' gallery. There is no need to upload any other files (such as the 'JuiceboxBuilder-Pro.air' file or the 'adobe-lightroom-plugin' folder).

I hope this helps.

Edit:
I've just taken a look at your website and notice that you currently use Showkase-Pro v1.7.4.
Showkase-Pro already includes Juicebox-Pro and  v1.7.4 is the latest version (please see the Version History page for details) which comes bundled with the latest version of Juicebox-Pro (v1.5.1) so your site already uses Juicebox-Pro v1.5.1 and there is no need to follow the Installing Juicebox-Pro instructions. These instructions are for Showkase-Standard users who purchase Juicebox-Pro separately (or users who have an older version of Showkase-Pro and want to upgrade Juicebox-Pro within it).
We include the Juicebox-Pro download link in your Showkase-Pro purchase so that you can use JuiceboxBuilder-Pro and the Juicebox-Pro Plugin for Lightroom (in addition to Showkase).

Go to forum: Juicebox-Pro Support

878 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

If you encounter the "Config file not found." message whilst trying to view a gallery locally (from your computer rather than from your web server) in Safari 11, then please see this forum post for a full explanation and a workaround.

Unfortunately, Safari 11 (released 19 September 2017) introduced a security restriction which prevents local viewing of Juicebox galleries by default. This issue is specific to viewing galleries locally (from your computer's hard drive) and there is no such issue once the galleries have been uploaded to a web server (where they can be viewed in any modern browser).
Selecting 'Disable Local File Restrictions' from Safari 11's 'Develop' menu (full instructions in the link above) should, once again, allow you to view your galleries locally in Safari 11.

If this does not describe your problem, then more general information on the "Config file not found." message can be found in this FAQ:
When I view my gallery I see the message 'Config file not found'. How do I fix this?

I hope my notes above help.
Please let me know how you get on and if I can be of any further assistance.
If you encounter the "Config file not found." message in an online gallery, then please post the URL to your gallery's web page so that I can see the problem for myself and hopefully help further.
Thank you.

Go to forum: Juicebox-Pro Support

879 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

When using the Media Library as a source of images, a Juicebox gallery created with WP-Juicebox will display all images attached to the page or post containing the gallery shortcode.

Once the shortcode (e.g. [juicebox gallery_id="5"]) has been added to the page or post, click the 'Add Media' button (to the left of the 'Add Juicebox Gallery' button above the editor toolbar as seen in Screenshot #1 attached).
Now, just drag and drop your images into the media window which pops up.
Wait for the images to finish uploading and then close the media window via the cross at the top right (do not click the 'Insert into post' button at the bottom right).
That's all you need to do. The gallery is built dynamically at the time it is displayed so there is no need to do anything after uploading the images (other than publish your page or post).

If you want to see the images that are attached to the page or post, then in the media window, select 'Add Media (side menu) -> Media Library (tab) -> Uploaded to this post (drop-down menu)' (as seen in Screenshot #2 attached) and you'll see thumbnails of each image (which you can drag and drop into a custom order if you like). (After re-ordering images, again, just close the media window via the cross at the top right.

I hope this helps.
However, if you continue to experience difficulties, please post the URL to you gallery's web page so that I can see the gallery for myself and hopefully help further.
Thank you.

Go to forum: Juicebox-Lite Support

880 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

I'm glad that you've been able to resolve your problem.
Thank you for letting me know.

Go to forum: Juicebox-Pro Support

881 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

I've just checked the watermarking functionality in JuiceboxBuilder-Pro v1.5.1 using a sample PNG image with a transparent background and it seems to work OK for me (the transparency is carried through to the gallery images).
Please double-check that your own PNG image's background is actually transparent (just in case there's a problem there).
If you continue to experience difficulties, please attach the image to a post here in the forum or upload it somewhere and provide a download link so that I can investigate further and try to replicate your problem with your own image.
Thank you.

Go to forum: Juicebox-Pro Support

882 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

When a Juicebox gallery is displayed on a touch-enabled mobile device, Juicebox uses Touch Input Mode (rather than Mouse Input Mode). Please see the Input Mode support section for more information.

In Touch Input Mode, the imageTransitionType is always set to SLIDE (which is the transition which best fits with the swipe gesture for navigating between images).
The imageTransitionType can be set only for Large Screen Mode and Mouse Input Mode. This is noted in the short description for imageTransitionType in the Main Image section of the Config Options Page:

imageTransitionType: How to transition between images. Only applies for Large Screen Mode and Mouse Input Mode.

Unfortunately, there is no way to change the imageTransitionType on a touch-enabled mobile device. It will always be set to SLIDE.

However, if you like, you can post 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.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.
Thank you.

Go to forum: Juicebox-Pro Support

883 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

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.

Both scenarios above apply equally to Juicebox-Lite and Juicebox-Pro.

With this in mind, it can be difficult to ensure that a Drupal web page conforms to Scenario #1 and also difficult to implement Scenario #2 within a Drupal environment.

The code you provided includes the following line:

<div class="juicebox-parent " style="width: 540px; height: 450px;">

It looks like your gallery's parent container has fixed pixel dimensions and, therefore, your gallery will ultimately have a fixed size, too (even if it has dimensions expressed as percentages).

I'm not sure where the dimensions for your 'juicebox-parent' container are coming from (the module or your Drupal theme).
(Please note that the module is an unofficial plugin which we did not write ourselves.)
If these values are coming from you current gallery dimensions, then try setting your galleryWidth to be 100% (and set your galleryHeight to be a fixed pixel value (such as '600px') as your Drupal page will likely support vertical scrolling in which case the gallery would not benefit from being responsive in the vertical dimension).
Otherwise, you might like to try a different Drupal theme which does not use containers of fixed dimensions (which will constrain your gallery).

Go to forum: Juicebox-Pro Support

884 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

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

Go to forum: Juicebox-Pro Support

885 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

No problem at all.
I'm glad it was an easy one to fix!

Go to forum: Juicebox-Pro Support

886 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

The problem is caused by having set a fixed width for your gallery:

galleryWidth:'708'

Your gallery will always have a fixed width of 708px regardless of any parent containers or the size and shape of the browser viewport.

Set a gallery width of 100% instead and your gallery will fill the width of its parent container (and it should adapt to different browser viewport widths).

I hope this helps you to resolve your problem.

Go to forum: Juicebox-Pro Support

887 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

The problem is caused by some custom CSS from your 'styles.css' file. On line 78, you have the following code:

img { 
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

These CSS rules are being applied to all images on your web page (including those inside your Juicebox gallery).

If you remove this code (specifically the width: 100%; line), then the thumbnails in your Juicebox gallery should look correct.

A better option would be to apply your custom CSS rules to only those elements on your page which require them through te use of CSS selectors (classes and ids).

I hope this helps you to resolve your problem.

Go to forum: Juicebox-Lite Support

888 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

I'm glad you've been able to resolve your problem.
Thank you for letting me know.

Go to forum: Juicebox-Pro Support

889 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

Please let me see the gallery where the Download Button does not appear.
It should not matter whether the configuration option is set in the embedding code or the XML data (whether from a static file or generated dynamically).
The problem may be something as simple as a typo in your configuration option name.
If I can see your gallery (and dynamically generated XML data), I'll be able to investigate further.
Thank you.

Go to forum: Juicebox-Pro Support

890 Reply by Steven @ Juicebox

(496 replies, posted in Juicebox-Pro Support)

@plato1123

Thank you for the link!

I do not know what suggestions the developers will implement in future versions (or how long it may take for suggestions to be implemented) so my notes below might help for anyone hoping to implement such functionality in the short-term.

The only user that I know of that has managed to overcome the restriction of one og:image per web page for Facebook sharing is sly in this forum thread. (He achieved this by overriding Juicebox's own Facebook sharing handler with what looks like quite a lot of complex custom JavaScript.)

Using the code from the link you quoted, the following might work, although please note that it is untested as I do not currently have a Facebook App ID. (Replace '123456789012345' in the following code with your own Facebook App ID.)

<!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" />
        <meta property="og:description" content="" />
        <meta property="og:image" content="" />
        <meta property="og:title" content="" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script>
          window.fbAsyncInit = function() {
            FB.init({
              appId            : '123456789012345',
              autoLogAppEvents : true,
              xfbml            : true,
              version          : 'v2.10'
            });
            FB.AppEvents.logPageView();
          };
         
          (function(d, s, id){
             var js, fjs = d.getElementsByTagName(s)[0];
             if (d.getElementById(id)) {return;}
             js = d.createElement(s); js.id = id;
             js.src = "//connect.facebook.net/en_US/sdk.js";
             fjs.parentNode.insertBefore(js, fjs);
           }(document, 'script', 'facebook-jssdk'));
        </script>        
        <script>
        function shareOverrideOGMeta(overrideLink, overrideTitle, overrideDescription, overrideImage)
        {
            FB.ui({
                method: 'share_open_graph',
                action_type: 'og.likes',
                action_properties: JSON.stringify({
                    object: {
                        'og:url': overrideLink,
                        'og:title': overrideTitle,
                        'og:description': overrideDescription,
                        'og:image': overrideImage
                    }
                })
            },
            function (response) {
            // Action after response
            });
        }
        </script>    
        <script type="text/javascript">
            var jb = new juicebox({
                containerId: "juicebox-container",
                shareFacebook: "TRUE"
            });
            jb.onImageChange = function(e) {
                var index = e.id;
                var info = jb.getImageInfo(index);
                var url = info.imageURL;
                var link = 'http://www.example.com/';
                var title = info.title;
                var description = info.caption;
                var image = link + url;
                shareOverrideOGMeta(link, title, description, image);
            };
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>

</html>

Go to forum: Juicebox-Pro Support

891 Reply by Steven @ Juicebox

(3 replies, posted in Juicebox-Pro Support)

If you see the Juicebox logo in the lower right corner of your gallery, then your gallery is indeed Juicebox-Lite instead of Juicebox-Pro. (This branding is not present in Juicebox-Pro galleries.)

All you need to do to upgrade the gallery from Lite to Pro is replace the gallery's Lite 'jbcore' folder with the Pro 'jbcore' folder from the Juicebox-Pro v1.5.1 download zip package ('juicebox_pro_1.5.1/web/jbcore/').
Alternatively you can open and re-save your gallery in JuiceboxBuilder-Pro (and then re-upload the gallery to your web server, ensuring that existing files are overwritten).
Instructions for upgrading a gallery from Lite to Pro can be found here.

If your gallery still seems to be Lite, then try clearing your browser's cache to make sure that your browser is using the latest files from your web server (instead of older cached versions).

I hope this helps.
However, if you continue to experience difficulties, then please post back with the URL to your gallery so that I can take a look at the problem for myself and hopefully help further.
Thank you.

Go to forum: Juicebox-Pro Support

892 Reply by Steven @ Juicebox

(5 replies, posted in Juicebox-Pro Support)

However I recently created a gallery using JuiceboxBuilder-Pro (v 1.5.1) and uploaded the gallery as is (index.html etc) - and the download button shows and works!

Juicebox-Pro uses the 'download' attribute (please see here for details) and browsers which support the 'download' attribute (noted here) will use this to download the image.
The PHP functionality is used as a fallback mechanism for browsers which do not support the 'download' attribute (such as Internet Explorer 11, Safari 5.1.7 on Windows and older browsers).

Therefore, PHP is required to be installed on your server to ensure that the Download Button works across all browsers.

It doesn't seem to work in my embedded galleries where
showDownloadButton="true"
(in ASP ashx file pretending to be an xml file)

If you do not have PHP installed on your server, then please check that you are using a browser which supports the 'download' attribute and also check that you do not have hotlink protection activated on your hosting account (which will prevent direct access to your images).
If you continue to experience difficulties, then please post back with the URL to your gallery so that I can take a look at the problem for myself and hopefully help further.
Thank you.

Go to forum: Juicebox-Pro Support

893 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

A Single-Site License for Juicebox-Pro covers one website domain and all associated subdomains (please see the FAQ below) so a Single-Site Licence would be fine for your scenario.
Does a single domain license cover multiple subdomains?

Go to forum: Juicebox-Pro Support

894 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

Unfortunately, due to certain browser security restrictions, Juicebox galleries cannot be viewed locally in all browsers.
Please see this FAQ for details:
When I view my gallery locally, I see the message "Juicebox can not display locally in this browser". Why?

This issue is specific to viewing galleries locally (from your computer's hard drive) and there is no such issue once the galleries have been uploaded to a web server (where they can be viewed in any modern browser).

If you encounter the "Config file not found." message whilst trying to view a gallery locally in Safari 11, then please see this forum post for a full explanation and a workaround.

Safari 11 (released 19 September 2017) introduced a security restriction which prevents local viewing of Juicebox galleries by default. Selecting 'Disable Local File Restrictions' from Safari 11's 'Develop' menu (full instructions in the link above) should, once again, allow you to view your galleries locally in Safari 11.

Juicebox galleries can be viewed locally in Safari (when using the tip in the link above) and also in Edge and Firefox (without any modification).

Go to forum: Juicebox-Lite Support

895 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

No, sorry. You can set configuration options in the gallery's embedding code (please see the Setting Config Options support section for details) but the image data needs to be in a separate configuration file.
Even if using a Flickr account as a source of images for a gallery, you can set the Flickr configuration options in the gallery's embedding code but you still need to have a separate configuration file (even if it contains just a <juiceboxgallery /> tag.

Go to forum: Juicebox-Pro Support

896 Reply by Steven @ Juicebox

(496 replies, posted in Juicebox-Pro Support)

@alain.guilleux

As far as I am aware, the only two options available for the 'Metadata' drop-down menu are 'Copyright Only' and 'All' (the same options that you'll see in the web engines which are bundled with Lightroom: Classic Gallery, Grid Gallery, Square Gallery and Track Gallery).
Here is a direct quote from the 'Data model entries' section of the latest Lightroom Classic CC programmers guide SDK documentation:

metadataExportMode—What metadata to include, either 'copyright' or 'all'.

The only options that the Juicebox web engine has any control over are:
(1) The choice of whether or not to display the 'Metadata' drop-down menu. (If the 'Metadata' drop-down menu is to be displayed, then the options are populated by Lightroom itself.)
(2) The choice of which value to display as the default option ('Copyright Only' or 'All' ).

If you find that metadata fields that you require are not being exported into your gallery images when setting 'Metadata' to 'Copyright Only', then set 'Metadata' to 'All' instead.

Go to forum: Juicebox-Pro Support

897 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Pro Support)

Looking at the [SOLVED] tag in your topic subject, it appears that you might already have resolved your problem (which would be great).
However, 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 offer some help. Thank you.

Go to forum: Juicebox-Pro Support

898 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

According to your gallery's embedding code, it looks like your gallery's configUrl file should be located here:
http://www.deutsches-fachwerkzentrum.de/scripts/juicebox_lite_1.5.1/oekologischesbauen_goldstrasse25.php
However, going directly to that location in a browser does not display the gallery's XML data.

Please check the location of your gallery's configUrl file ('oekologischesbauen_goldstrasse25.php') and make sure that it outputs the gallery's XML data in the correct format (and with valid XML syntax).

(The configUrl is relative to the baseUrl and the baseUrl is relative to the web page containing the embedding code.)

I hope this helps to resolve your problem.

Go to forum: Juicebox-Lite Support

899 Reply by Steven @ Juicebox

(496 replies, posted in Juicebox-Pro Support)

@alain.guilleux

Thank you for your suggestion (and the link to the Google blog entry)!

What happens when 'Copyright Only' is selected in the 'Metadata' drop-down menu is actually handled by core Lightroom functionality (rather than any code specific to the Juicebox plugin). The plugin simply passes the value of the 'Metadata' input to Lightroom which then does the rest so, unfortunately, it's really not something that the plugin has any control over.

Go to forum: Juicebox-Pro Support

900 Reply by Steven @ Juicebox

(1 replies, posted in Juicebox-Lite Support)

Hi.

This is a support forum for the Juicebox-Pro web gallery software from SimpleViewer Inc.

From your query, it sounds like you have purchased a 'JuiceBox' from eMotorWerks, a completely unrelated company to our own (although the product names are the same).

You should be able to contact eMotorWerks via their online form here: https://emotorwerks.com/contact

I hope this points you in the right direction.

Go to forum: Juicebox-Lite Support