3,376

(5 replies, posted in Juicebox-Pro Support)

I see that when using an iframe, the fotomoto shopping cart is disabled.

Yes. This is noted in the 'Using an iframe' support section here.

Is this the case also when using custom purchase URL's?

Yes. Unfortunately, all shopping cart functionality is disabled when a gallery is loaded into an iframe.

Rather than use a web template site (which would require that you host the gallery elsewhere and load it into an iframe), you could perhaps sign up for some web space with a regular web host so that you could upload web pages with Juicebox galleries embedded directly into them.
There are many web hosts which offer free web space which would be suitable. Try a web search with terms such as 'free web hosting'. Please be aware, though, that with a paid account, you will likely better support, greater stability (less downtime) and more features.

If you did have your own web space, then you might like to consider another one of our products - Showkase.
Showkase is a PHP web application which would allow you to create a complete portfolio web site online using a web browser interface.
Showkase has full support for Juicebox-Pro (including Social Media Sharing, Search Engine Optimization, Fotomoto support and the ability to enter individual purchaseURLs for each image via the interface) and the galleries can be created within the application itself (or created with JuiceboxBuilder-Pro and then imported into Showkase).
Showkase also has the ability to create non-gallery pages such as 'About', 'Contact' and 'Basic' pages where you can enter information about yourself and contact details.
Demo sites created with Showkase can be found here.
All of this is done automatically within the Showkase interface without the need for any manual coding at all.
If you would like to take a look around the Showkase interface, you can log into the Live Demo Admin here.
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 upgrade it to use your Juicebox-Pro files by following the instructions here.

could you have the SEO option ticked, captions entered and the caption set to use none?

Yes. You can enter captions for your images, select the 'Add SEO Content' checkbox (so that the captions are used in the SEO content) and set captionPosition="NONE" (so that the captions are not displayed in the gallery).

I set the captions to "use none" so they would not display under my image however they do appear.

Please make sure that your gallery uses Juicebox-Pro and not Juicebox-Lite. captionPosition is a Pro only configuration and is not available in Juicebox-Lite (the free version).
Also, try clearing your browser's cache before reloading your gallery's web page to ensure that your browser is fetching and using the most recent versions of your gallery files from your web server.
If this still does not help, then please post the URL to your gallery's web page so that I can take a look and help further.

3,377

(1 replies, posted in Juicebox-Pro Support)

Everything had worked fine for a long time.  I do not know what happened.

If everything was previously working OK but now is not, then something must have changed for this to happen.
If you have not made any changes anything yourself, then please check with your web host to see if they have made any changes recently which might be contributing to your problem.

Juicebox Error: cannot find div with id "gallery name"

This problem may be caused by the gallery's container not being present in the Domcument Object Model (DOM) at the time the Juicebox gallery is loaded.
Please make sure that the DOM is complete (and that the gallery's container exists on the page) before running your custom JavaScript function which loads the gallery in the mobile version of your web site.
You could perhaps use jQuery and wrap the call to load the gallery in a $(document).ready() function.

Also, try validating your web pages with the W3C Markup Validation service and fix any errors reported. Once the code on your web pages validates correctly, your site should display with greater predictability and consistency across different browsers.

3,378

(3 replies, posted in Juicebox-Pro Support)

Try upgrading the plugin before installing it with the following procedure:
(1) Download the Lightroom plugin from this web page.
(2) Unzip the 'juicebox_lightroom_plugin.zip' file to extract the 'juicebox.lrwebengine' package.
(3) Browse inside the 'juicebox.lrwebengine' package by Ctrl+Click and selecting "Show Package Contents".
(4) Replace the 'jbcore' folder inside the 'juicebox.lrwebengine' package with the 'jbcore' folder from the Juicebox-Pro zip file ('juicebox_pro_1.4.2/web/jbcore').
(5) Install the plugin by double-clicking on the 'juicebox.lrwebengine' package.

(Installing the plugin by double-clicking on the package works only on Mac, not PC.)

3,379

(5 replies, posted in Juicebox-Pro Support)

Whenever I use the google drive technique, on chrome, nothing appears, IE shows "this content cannot be shown in a frame" and Firefox displays a google drive log in screen.

It looks like Google have changed their Drive interface and the 'Preview' button to generate a URL for the gallery's 'index.html' page is no longer displayed on the toolbar.

Please see this Google forum thread relating to this issue.

Try one of the following to get the required URL to use in your iframe:

Method #1:
(1) In a web browser, log into your Google Account.
(2) Open Drive.
(3) Make sure that you are using the old Drive by clicking on the 'cog' icon and selecting 'Leave the new Drive' (if necessary).
(4) Open your gallery folder.
(5) Select the checkbox next to the gallery's HTML index page.
(6) Make sure the 'Details/Activity' side pane is open (by clicking on the 'info' icon if necessary).
(7) Click 'Details' (rather than 'Activity).
(8) Scroll down to the 'Hosting' section.
(9) Copy the URL displayed.

This screenshot should hopefully make things a little clearer (highlighting the relevant areas on the screen).

Method #2:
Alternatively, you could build the required URL manually as follows:
(1) Start with a base of https://googledrive.com/host/
(2) Add the Folder ID. Open the gallery folder in Drive in a browser and copy the ID from the URL in the browser's address bar. It will look something like this: 0BxXHNif2h4NRcmxHOW9lUDBWWTQ
(3) Add a slash ('/') to the URL.
(4) Add the name of the gallery's index page.
You will end up with a URL which looks like: https://googledrive.com/host/0BxXHNif2h … index.html

If Google do not reinstate the 'Preview' button soon, I will ensure that the instructions on our web site are updated accordingly.

3,380

(8 replies, posted in Juicebox-Pro Support)

With your gallery having a height of 100%, it will fill its parent container (no matter what its size) so to reduce the gallery's height, you will need to reduce the height of the parent container or set a height for the parent container if it does not already have one. If setting the gallery's height to 100%, Juicebox needs to know what it should be 100% of.
Otherwise, try giving your gallery a fixed pixel height such as 600px or a smaller percentage height.
When using percentage heights, it may be necessary to use inline CSS to assign heights to parent containers.
Please see this note for Using Percentage Heights.

3,381

(11 replies, posted in Juicebox-Pro Support)

I'm not sure what might have been causing your problem. All versions of WP-Juicebox work with all Pro 'jbcore' folders and, even though there may be bugs in certain versions of WP-Juicebox or Juicebox-Pro, no combination should cause the problem you reported.
However, I'm glad that using the latest version of WP-Juicebox works and seems to have solved your problem.
Thank you for posting back to let me know.

this one had a folder assets

Just to let you know, the new 'assets' folder contains an icon to be displayed in the plugin installer page (only for plugins hosted in the WordPress repository).

3,382

(1 replies, posted in Juicebox-Lite Support)

First of all, distinctions should be made between a 100% x 100% gallery (which fills the browser window without being expanded), expanding 'full browser' and expanding 'full screen'.

You can embed a gallery in a web page and make it fill the browser window by giving it dimensions of 100% x 100%.
This can be done in both Juicebox-Lite and Juicebox-Pro.

If a gallery is smaller than the browser window (has dimensions of less than 100% x 100%), then the gallery can be expanded (to fill the browser window) by clicking the gallery's Expand Button (on the Button Bar). (The Expand Button is automatically hidden in a 100% x 100% gallery.)
This is also true of both Juicebox-Lite and Juicebox-Pro.

Juicebox-Pro has a further feature (useFullscreenExpand) whereby a gallery can be expanded to cover the user's entire screen (rather than just the browser window). This is not available to Juicebox-Lite users.

When a gallery is expanded (either 'full browser' or 'full screen'), the gallery is the only thing visible. All other elements on your web page are temporarily hidden from view until the expanded gallery is closed.

It sounds like what you are looking for is a gallery with dimensions of 100% x 100% (and no need to worry about 'full browser' or 'full screen' expansion).

You could certainly stack a navigation banner on top of a gallery by assigning it a high enough z-index value but you may run into problems. This may obscure the gallery's Button Bar (depending on where it is positioned) and it will almost certainly partially obscure the main image hit areas (although only over the portions of the main image which the navigation banner overlaps, the remainder of the main image hit areas not covered by your navigation banner should still work fine). If this becomes a problem, there are still the main image navigation buttons which can be clicked to navigate throughout the gallery and you can also add navigation buttons to the Button Bar (Pro only) by setting showNavButtons="TRUE".

I would not try to add any padding to internal CSS classes used by Juicebox (for example the hit areas). Juicebox would not be aware of such custom modifications and this could cause problems when the gallery is resized (on different devices or when the user's browser window is resized).

Embedding a Juicebox-Lite gallery is exactly the same as embedding a Juicebox-Pro gallery and stacking a navigation banner on top of a gallery would make no difference whether Lite or Pro is being used so you could try out what you want to do with Juicebox-Lite before purchasing Juicebox-Pro.

However, I would not recommend trying to stack a navigation banner on top of a gallery. Instead, I would try to keep both elements separate and have the navigation banner above the gallery, like in the View Resizable Gallery with Top Menu Example. In the example, the header is given a fixed height and the gallery fills the remainder of the browser window (without the need for any scrollbars).
You could view the source of the web page in a browser and copy or modify the code to suit your own needs.

I hope these notes are helpful.

3,383

(8 replies, posted in Juicebox-Pro Support)

Thank you for removing the extra code.
It looks like your gallery is being displayed immediately below your side menu (instead of to the right of it).
Try changing:

<div id="juicebox-container"></div>

... to:

<div id="juicebox-container" style="float: right;"></div>

Hopefully this will help.

3,384

(3 replies, posted in Juicebox-Pro Support)

Do you still see the branding (the Juicebox badge/logo) in the lower-right corner of your galleries?
If so, then your galleries are Juicebox-Lite (rather than Juicebox-Pro) and your upgrade has been unsuccessful. (Juicebox-Lite has a 50-image limit per gallery. Juicebox-Pro does not.)
The most likely reasons for this are either:
(1) You have copied the Lite 'jbcore' folder (instead of the Pro 'jbcore' folder) to the Lightroom plugin package.
(2) You have copied the Pro 'jbcore' folder to an incorrect location.
(3) You have copied the Pro 'jbcore' fodler to the correct location but the Lite files have not been overwritten.

Instructions for upgrading the Lightroom plugin from Juicebox-Lite (which it comes bundled with) to Juicebox-Pro can be found on the plugin's support page.

Please check that you are using the Pro 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.4.2/web/jbcore'). Then, open the Lightroom plugin's 'lightroom.lrwebengine' folder (double-click on Windows or Ctrl+Click and select "Show Package Contents" on Mac) and delete the existing Lite 'jbcore' folder before copying the Pro version in its place.

Once you have replaced the Lite 'jbcore' folder with the Pro version, the plugin will have no option but to use the Pro files and all galleries subsequently created by the plugin will be Pro (with no image limit per gallery).

3,385

(11 replies, posted in Juicebox-Pro Support)

@piers.michael

The original poster's problem appeared to be due to the use of the SG CachePress plugin which was still serving Juicebox-Lite files from a Content Delivery Network even after replacing the Lite 'jbcore' folder in the 'wp-juicebox' directory with the Pro version. If you are also using this plugin, then possible solutions would be to purge the cache (by clicking the 'Purge the Cache' button on the plugin's settings page), exclude the 'wp-juicebox' directory from being cached (also on the plugin's settings page) or disable the plugin.

WP-Juicebox is compatible with Juicebox-Pro v1.4.2 and if your zip file's MD5 matches the one I posted above, then you definitely have Juicebox-Pro so the problem likely lies with either the files on your web server or with server-side caching.

The gallery whose link you posted uses Juicebox-Pro v1.4.2, displays your Flickr images and uses your Pro options so it looks like you have successfully upgraded WP-Juicebox to use your Pro files.

If you still do not see what you expect (even after clearing your browser's cache), then this leaves server-side caching as the likely cause of your problem. Please check the settings of any caching plugins you may use or try temporarily disabling them to see if this helps.

WP-Juicebox v1.4.2.1 has now been released with a fix for the bug mentioned above (the inability to edit galleries using WebKit browsers).
It can be downloaded from the plugin's own support page here.

3,387

(8 replies, posted in Juicebox-Pro Support)

WP-Juicebox v1.4.2.1 has now been released with fixes for both the bugs mentioned above (the inability to edit galleries using WebKit browsers and NextGEN and Picasa galleries not displaying).
It can be downloaded from the plugin's own support page here.

The <p>, <br /> and CDATA tags are not being inserted by WP-Juicebox.
It looks like these tags are being inserted by WordPress's wpautop function.
Perhaps your current theme is using this functionality.
Try temporarily reverting to a default WordPress theme to see if this makes a difference.
I have a test WordPress installation currently using the Twenty Fourteen theme and the embedding code visible in the source of the web page does not have <p>, <br /> or CDATA tags .

Try installing the wpautop control plugin and use it to disable wpautop in your pages and posts containing WP-Juicebox galleries.

3,389

(8 replies, posted in Juicebox-Pro Support)

First of all, try removing the custom CSS which sets dimensions directly on the .jcbx-glry-classic class.
Juicebox itself will not know of your custom CSS and this may complicate matters.

Also, remove the margin-bottom: 100px; CSS rule on the gallery's parent container (at least for the time being).

These may be making things more complicated than necessary.

I would then try setting the gallery's width and height to 100% (so that the gallery fills its parent container, no matter what its size) and then assign the required dimensions to the parent container.

but the background always extends downward past the end of the parent div

It looks like the background you are referring to is the div with id="mainContainer" so check its height in your CSS. It looks like reducing its maximum height (via CSS max-height) may help.

3,390

(2 replies, posted in Juicebox-Pro Support)

As noted in the Multi-Size Image Support page:

For Retina Displays, we use the the following logic:

    MEDIUM - Used in Small Screen Mode.
    LARGE - Used in Large Screen Mode.

If your gallery forces Large Screen Mode, then it will display large images for the main gallery display on your retina iPhone 4.
If the Screen Mode is set to AUTO or SMALL, then the gallery should be displayed in Small Screen Mode on your iPhone and medium images should be used for the main gallery display.
(The logic behind Juicebox-Pro's decision-making process cannot be changed.)

If this does not explain what you are seeing, then please post the URL to your own gallery so that I can take a look and investigate further. Thank you.

3,391

(11 replies, posted in Juicebox-Pro Support)

Could you guys email me the correct pro file? I'm pretty confident at this point I'm not getting the right zip from e-junkie...

If your Juicebox-Pro zip file is named 'juicebox_pro_1.4.2.zip', then it is unlikely that the files inside are Lite and not Pro.
You can check that the 'jbcore' folder is Pro by opening the 'jbcore/juicebox.js' file in a plain text editor and having a look at the comments at the top of the file.
If the 'juicebox.js' file is Pro, it will read "Juicebox-Pro 1.4.2" rather than "Juicebox-Lite 1.4.2".

***The odd thing about all this is that I do have access to 'Pro config options' from within Wordpress.***

The Pro Options text area is available to both Lite and Pro users (although any Pro Options entered will become active only after the plugin has been upgraded to Juicebox-Pro).

If you want to double-check that the zip file you have is, indeed, the Juicebox-Pro zip file (and that it is also complete and not corrupt), you can check the MD5 and/or SHA1 hashes of the file with a program such as HashCalc (free).

juicebox_pro_1.4.2.zip
MD5: d9b0ea9db1be174e3bea5bb678c7a003
SHA1: 0c550f7ab43fb3a2f03d53ad88a93f7fa5df6cbf

I'm hesitant to download again because I saw I only get 5 downloads and wanted to see if you suggest anything else first.

Please don't worry about using up your 5 downloads. If/when your link expires, just fill in this Download Link Request Form to request a new download link. In doing so, you will always have an active link and be able to re-download Juicebox-Pro (or download a new version when it becomes available) if necessary.

The only other reason for still seeing the branding (other than uploading Pro files to an incorrect location or uploading Lite files to the correct location) would be server-side caching, which may be serving up old (Lite) files from a cached location even after replacing the 'jbcore' folder.
Please make sure that you do not have any WordPress caching plugins installed and enabled.

Assuming you can confirm that you do have the Pro 'jbcore' folder (by checking as above), try deleting the existing 'jbcore' folder from your web server ('wp-content/plugins/wp-juicebox/jbcore'). Now, before uploading the Pro version, check your web page. The gallery should no longer display (with the 'jbcore' folder now missing). If the gallery does display, then either you are deleting a secondary 'jbcore' folder from your web server that your gallery is not using (from a location other than 'wp-content/plugins/wp-juicebox/jbcore') or there is some server-side caching happening. If this is the case and you do not have any WordPress caching plugins installed and enabled, then try contacting your web host and ask them if they have any such caching in place that might result in what you are seeing.

Hopefully this will help.

3,392

(11 replies, posted in Juicebox-Pro Support)

As your gallery still has the Juicebox branding, your upgrade to Juicebox-Pro has not been successful.
The two most likely reasons for this would be:
(1) You have uploaded the Pro 'jbcore' to an incorrect location on your web server.
(2) You have uploaded the Pro 'jbcore' to the correct location on your web server but the existing Lite 'jbcore' files have not been overwritten.

Check that you are uploading the entire Pro 'jbcore' folder (not just the contents) to your 'wp-content/plugins/wp-juicebox/' directory.
Also, try deleting the existing Lite 'jbcore' folder from your web server ('wp-content/plugins/wp-juicebox/jbcore') before uploading the Pro version in its place.

3,393

(496 replies, posted in Juicebox-Pro Support)

@ps76

If you ever need to edit multiple XML files again, you might like to take a look at Notepad++.
It is a free text editor which is capable of editing multiple files at once and it supports regular expressions so you could open all your gallery XML files and surround your existing captions with the <span></span> tags in a single search and replace action across all files.
Regular expressions take a bit of getting used to but they are a powerful tool when it comes to searching and replacing.

That's great!
Thank you for posting back to let me know.

3,395

(4 replies, posted in Juicebox-Pro Support)

Juicebox-Pro introduced the imageHAlign and imageVAlign configuration options (to horizontally and vertically align the main images within the gallery's image area) in v1.3.0 (released on 16 April 2013).
Please see the Version History for a full list of changes between versions.
For reference, a complete list of configuration options can be found here.

If you need to upgrade you version of Juicebox-Pro to access these configuration options, please see the Upgrading Juicebox support page here.
Once you have the latest version of JuiceboxBuilder-Pro installed, imageHAlign and imageVAlign can be found in the 'Customize -> Main Image' section.

Thank you for the additional information in the email you sent me.
It certainly sounds like the problem is due to viewing the galleries over a 3G connection rather than wi-fi.

Please see this FAQ:
Why can't I view my gallery on a 3G mobile connection?

If the problem is, indeed, content modification over a 3G connection, then the solution contained within the FAQ should work fine.
If your web server is Microsoft Internet Information Server (IIS) rather than Apache, then please see this web page for details on how to set the Cache-Control header to 'no-transform'.

I hope this resolves your problem.

3,397

(496 replies, posted in Juicebox-Pro Support)

@ps76

As I am sure you are aware, when showImageNumber="TRUE", the caption wraps before it reaches the image number (so that caption will never overlap the image number) and when using captionHAlign="CENTER", the caption will be centered in the available space (which does not count the space taken up by the image number).

I understand your request (and thank you for the suggestion) but I thought that I should point out (just in case you are not aware) that it is possible to tweak the position of the images titles and captions using inline CSS via HTML formatting as documented in this FAQ. (You could perhaps use CSS margin and padding properties to shift the titles and captions slightly.)
You could maybe use a caption such as:

<caption><![CDATA[<span style="margin-left: 20px;">Caption text goes here.</span>]]></caption>

Otherwise, you could maybe just bump your caption along a bit by adding a few spaces (&nbsp;) to its beginning:

<caption><![CDATA[&nbsp;&nbsp;&nbsp;Caption text goes here.]]></caption>

3,398

(15 replies, posted in Juicebox-Pro Support)

AudioOnload is not functional.

Unfortunately, it looks like the latest versions of Android no longer support automatic audio playback on loading a web page. The audio track must be initiated by the user (for example by clicking the Audio Button in a Juicebox gallery).
I cannot find the exact version of Android which introduced this restriction but a web search with terms such as "android auto play audio" returns many web pages which seem to confirm this.
It will not be possible to circumvent this behavior but I have notified the developers in order to update our online support pages with this information.

Is this also available for a hosting on Windows Server?

Please see this web page for details on how to set the Cache-Control header to 'no-transform' on IIS. (Your web host may be able to help you with this.)

3,399

(11 replies, posted in Juicebox-Pro Support)

It worked as you said i added www to the code line and now i can see my gallery :)

I'm glad you've got it working but adding 'www' to the paths in your embedding code will mean that the gallery will now display only on www.steinjanssen.nl and not steinjanssen.nl.
Use the code from my post above (using paths with a leading slash) and your gallery will display on both www.steinjanssen.nl and steinjanssen.nl.

3,400

(5 replies, posted in Juicebox-Pro Support)

The problem you report may be due to a bug whereby elements which have explicitly been assigned a CSS position are not covered by the fullscreen gallery (they should be). The developers are aware of this bug and it should hopefully be fixed in a future version of Juicebox.

Known workarounds are to set either expandInNewPage="TRUE" (so that when the gallery is expanded, it will be displayed on a new page of its own rather than on top of the embedding page, avoiding any CSS conflicts) or to set useFullscreenExpand="TRUE".

If you find that setting useFullscreenExpand="TRUE" does not help and you do not want to use expandInNewPage="TRUE", then you may need to wait for the bug to be fixed. Unfortunately, I do not know how long this may be.