Search options (Page 11 of 39)

You're welcome!

I'm glad you've been able to use the available options to configure your gallery appropriately.
Thank you for letting me know.

You're welcome. I'm glad you've got your original problem sorted out. Thank you for letting me know.

Notes on the width of the caption area:

When captionPosition (in the Juicebox gallery page's 'Caption (Pro)' section) is set to either OVERLAY or BOTTOM, then the width of the caption area will span the entire width of the gallery and will, therefore, remain constant no matter what the image dimensions are.

When captionPosition is set to either OVERLAY_IMAGE or BELOW_IMAGE (it sounds like you might be using one of these values), then the width of the caption area will span the width of the image.

When captionPosition is set to BELOW_THUMBS, then the width of the caption area will span the width of the thumbnail area.

Notes on the height of the caption area:

When captionPosition is set to OVERLAY or OVERLAY_IMAGE, the height of the caption area is variable (it will increase, if necessary, to accommodate long captions) up to a maximum value set via maxCaptionHeight (default value, 120px).

When captionPosition is set to BOTTOM, BELOW_IMAGE or BELOW_THUMBS, the height of the caption area is fixed at the maxCaptionHeight value (instead of being variable).

For reference, a list of all Juicebox-Pro Caption Options can be found here.

Possible solutions:

With the above information in mind, possible solutions to your problem would be to either:
(1) Set captionPosition to either OVERLAY or BOTTOM (to ensure that the caption area's width spans the entire gallery).
... or:
(2) Set captionPosition to either OVERLAY_IMAGE or BELOW_IMAGE and increase maxCaptionHeight (to give your captions more room with less likelihood that they will be truncated).

I hope you can use some combination of these options and values to configure your gallery as you'd like it to be.

You can change the 'Gallery background color' in the Juicebox gallery page's 'Lite Viewer Options' section.

If you would like to use an image for the gallery's background, you can enter the 'Background Url' to an image on your web server in the Juicebox gallery page's 'Background Image (Pro)' section. The 'Background Url' can be an absolute URL or a relative URL (relative to the gallery's embedding page).

Alternatively, you could make your gallery's background transparent (by setting the gallery background color's 'Opacity' to 0 (zero) and then set a background color or image for the entire site (rather then just the gallery) in the 'Site -> Customize Theme' tab.

If you want to set a custom color for the site's background, change the 'Color Scheme -> Overall color scheme' to 'custom' and then set the 'Background color' in the 'Custom Palette' section.

If you want to use an image for the site's background, first upload the image to the library ('Library -> Upload') and then select the image via 'Site -> Customize Theme -> Background -> Background URL'.

I hope this helps.

It looks like you've found a small bug.
After installing Juicebox-Pro to Showkase-Standard, the label on the 'Site -> Customize Viewers' tab should change from just "Juicebox" to "Juicebox-Pro 1.5.1".
Thank you for reporting this issue.

I've contacted the developers who will hopefully fix this for the next release.

In the meantime, I think I've found the root of the problem (Showkase being unable to read the Juicebox version number from the 'juicebox.js' file under PHP 7.1.0 and above) and you might like to implement the following fix manually. I've tested it myself (under PHP 5.6.36 and 7.2.7) and it seems to work fine.

Open your site's 'showkase/admin/classes/themeset.php' file in a plain text editor and change line 229 from:

$docBlock = file_get_contents($sourcePath, false, NULL, -1, 50);

... to:

$docBlock = file_get_contents($sourcePath, false, NULL, 0, 50);

(The problem seems to have happened with a change in PHP 7.1.0 so if you are running a version of PHP prior to 7.1.0, you will not see the problem.)

Please note that the line number above refers to the current version of Showkase (v1.7.3).

I hope this helps to fix the problem until the developers are able to incorporate it into the next release.

Incidentally, when installing Juicebox-Pro into Showkase-Standard, you need only copy the Pro 'jbcore' folder to the 'admin/plugins/juicebox/master/' location (overwriting the existing Juicebox-Lite 'jbcore' folder). On next publishing your site, Showkase will automatically copy the 'jbcore' folder from the 'master' location to the 'viewers' location.

I'm glad to hear that you have been able to resolve your problem.
Thank you for letting me know (and for sharing your solution).

Unfortunately, there are no configuration options to change the position of the menu icon. (It will always be on the right hand side of the page.)
You'd really need to delve into the Showkase source CSS to change its position.
I have a feeling that this may not be as easy as it looks. (I've already tried a couple of things using my browser's developer tools to no avail. One problem just leads to another...)

Having said that, if you are familiar with CSS, you could certainly give it a try.
Check out the Adding Custom Styles and the Creating Themes support sections for further information about customizing a site beyond the available configuration options. Knowledge of CSS (and possibly HTML and JavaScript, too) would be necessary and it would be much safer to just stick to what can be done within the Showkase interface.

Also, you could post your suggestion in the Feature Requests forum thread where it will be seen by the developers.
I do not know the likelihood of any suggestions being implemented in future versions but this certainly is the best place for all ideas.
Thank you.

Sorry. I should have mentioned that you would need to republish your site after modifying the 'layout.tpl' file.
(There would have been no need to republish if just adding JavaScript code to the 'custom.js' file.)
I'm glad that you were able to figure this out and that it works for you. Thank you for letting me know.

You'll probably want the code to be present on all pages throughout your site (so that the cookie warning appears if a visitor initially visits a page other than your home page).

The location of the code depends on the code itself (whether it is JavaScript or HTML).

If the code is purely JavaScript, then you can add it to your theme's 'custom.js' JavaScript file (which is loaded into every page throughout your site and will not be overwritten each time the site is published).
For example, if you use the Boma theme, then add the JavaScript code to your site's '_themes/boma/js/custom.js' file.

If the code is HTML, then you can add it to your site's 'layout.tpl' file (which is the base template used for all pages).
Open the '_themes/base/pagetypes/layout.tpl' file in a plain text editor and add the HTML code wherever you want it to be on your web pages (perhaps just before the closing </body> tag at the foot of the page).

Please note that if or when you next upgrade Showkase (for example when a new version is released), both the 'custom.js' and 'layout.tpl' files will be overwritten (with the stock versions included in the installation package) so please make a copy of any custom modifications you make so that you can integrate them into an upgraded (or new) Showkase site.

I hope this helps.
If you experience difficulties with anything, please let me know the code you are looking to use and I'll try to help further.

You might have a couple of different issues going on here.
Hopefully my notes below will help.

This is a message which appears when running Showkase v1.7.0 (or earlier) under PHP 7.1 (or later).
It sounds like your new web server may be running PHP 7.1 or 7.2 (and this is why you are seeing this message for the first time with your Showkase v1.6.1 site).
Showkase was updated to be compatible with PHP 7.1 and 7.2 in Showkase v1.7.2.

Did you actually try running Setup (rather than just checking the path on the Setup page)?
Running Setup is a crucial step when moving or renaming your Showkase installation (as noted here).

I would try upgrading your Showkase site (full instructions here) to the current version (v1.7.3) and running Setup.
If this does not work, then it might be quicker to recreate the site.
If you create a fresh Showkase installation on your web server, you can then:

(1) Retain the Showkase settings from your original site by manually copying the following files and folders from your original site to your new site (overwriting the default versions which will be in place after a fresh install).

• _data/sitedata (folder)

• _data/themedata (folder)

• _data/pagesprefs.txt (file)

• _data/theme.txt (file)

Do not copy the _data/pagesdata.txt file though, as this lists the pages present in each site (which will be different after a fresh install).

Also, if you use a custom logo via an image stored in the library, for example, then you might also like to copy the '_library' folder from your original site to your new site.

(2) Import all the pages from your original site (via 'Site -> Import') to save having to recreate all your pages from scratch. You can import multiple pages at once so recreating your original site should be relatively quick and easy.

Hopefully upgrading Showkase and running Setup will work for you but the procedure above should also work fine as a backup plan.

Just be sure to create a full backup of your site before you try anything (just in case anything goes wrong and you need to reinstate your original files at a later date).

You can add the code (without the <script> tags) to your theme's 'custom.js' JavaScript file and it will be included (and run) in all your Showkase pages.

For example, if you use the Boma theme, then add the following code (changing the 2 instances of UA-XXXXXXXX-X to your own Google Analytics ID) to your site's '_themes/boma/js/custom.js' file.

var gaProperty = 'UA-XXXXXXXX-X'; 
var disableStr = 'ga-disable-' + gaProperty; 
if (document.cookie.indexOf(disableStr + '=true') > -1) { 
    window[disableStr] = true;
} 
function gaOptout() { 
    document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; 
    window[disableStr] = true; 
    alert('Das Tracking ist jetzt deaktiviert'); 
} 
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 

ga('create', 'UA-XXXXXXXX-X', 'auto'); 
ga('set', 'anonymizeIp', true); 
ga('send', 'pageview'); 

I hope this helps.

If you really want to hide the caption area in Small Screen Mode, you could try adding the following code to your theme's 'custom.js' file, e.g. '_themes/boma/js/custom.js':

jb.onInitComplete = function() {
    var screenMode = jb.getScreenMode();
    if (screenMode === "SMALL") {
        $('.jb-area-caption').remove();
        jb.onExpand = function(expanded) {
            if (expanded) {
                setInterval(function() {
                    $('.jb-area-caption').remove();
                }, 500);
            }
        };
    }
};

It's pretty clunky and not at all a nice clean solution but it might at least give you a starting point to work with.

That's probably normal. In Small Screen Mode, the captions will be on the overlay (resting at the bottom of the screen). The images themselves will, by default, be vertically-centered so the caption text may not always be overlaid on top of the images, especially if you have a landscape image being displayed on a device in portrait orientation (where there will likely be space above and below the image). I hope that makes sense.

Unfortunately, there are no configuration options available that you could use to do this.
You'd need to maybe use CSS media queries (in your site's 'custom.css' file) or the Juicebox-Pro API (specifically the getScreenMode() method) to detect when Small Screen Mode is being used to display the gallery (in your site's 'custom.js' file) and then hide the caption area, if appropriate to do so, via CSS (although it's not something I've tried so I don't know how successful it would be).

As long as your Juicebox-Pro gallery sets screenMode to AUTO (and allows Juicebox to determine the most appropriate Screen Mode for the device being used to view the gallery), then Small Screen Mode will be used on mobile devices where the captions will always be displayed on the overlay (on top of the image, where they can be toggled on and off with a tap to the screen).
captionPosition is a Large Screen Mode only configuration option. (It is ignored in Small Screen Mode.) If screenMode is set to LARGE (to force the gallery to be displayed in Large Screen Mode in all browsers and on all devices), then the captionPosition value will be used in all circumstances (across all browsers and devices).
(More information about Juicebox and Screen Modes can be found here.)