226

(7 replies, posted in Showkase Support)

Thanks for the update!
I'm glad you're getting on well with Showkase.

227

(7 replies, posted in Showkase Support)

With all default settings (for both Showkase and Juicebox-Pro), Showkase will dynamically resize a Juicebox gallery on a Juicebox gallery page so that the bottom of the gallery rests at the bottom of the browser window, no matter what the size or shape of the browser window is. Therefore, the gallery is always visible in its entirety and vertical scrolling is required only to see the page footer (below the gallery).

The default value for 'External fit px' (resulting in the behavior I described above) is '0' (zero).
If you have a large site header (taller that the default site header text), then this can push the gallery down the page slightly (resulting in vertical scrolling being required to see the bottom of the gallery).
'External fit px' was designed to compensate for a tall site header and using a small negative value will reduce the gallery's height a little to, once again, allow the entire gallery to be seen without vertical scrolling.
A value of '-25' seems very reasonable as your site header is not that much taller than default site header text.
Having changed the 'External fit px'  value to '-25', things look much better on a 15" screen now.

If you want your main images to be displayed even larger than they at are present, then you could actually increase the height of your gallery by using a positive value for 'External fit px'. This would mean that users would have to scroll vertically to see the whole of your gallery but this might be something you are willing to live with to have your images displayed as large as possible (in the gallery's unexpanded form).

You could also reduce the number of thumbnail rows on your gallery page (by limiting the number of thumbnail rows to just 1 by setting maxThumbRows="1").
Space is reserved for the thumbnails (the thumbnail are not dynamically resized) and the main images are displayed in the remaining space. If you have fewer rows of thumbnails on your gallery page, then this will leave more space for the main images to be displayed.

With regard to the 'Press Esc to exit full screen' message, when you set useFullscreenExpand="TRUE" (to expand the gallery fullscreen rather than just full browser), you are making use of the browser's implementation of the Fullscreen API and the text for the message actually comes from the browser (not Juicebox or Showkase) and cannot be changed.
However, using the Esc key to close the expanded gallery should have the have functionality as closing the gallery via the Button Bar's Expand/Close Button (and it does in Chrome, Edge, Firefox, Internet Explorer and Opera on my Windows 10 PC).
If this does not seem to work for yourself, then try completely clearing your browser's cache before reloading your web page and trying again. Your browser may have cached some older Juicebox or Showkase files which might be causing a problem after upgrading.

If this does not help, then please let me know exactly what you mean when you say that the 'menu bar' does not reappear.
Are you referring to the Showkase navigation menu (at the top of the page) or the Juicebox Button Bar?
Perhaps you could upload a couple of screenshots to let me see what you are seeing. It might help me to troubleshoot your problem further. Thank you.
Otherwise, if you are really concerned about the 'Press Esc to exit full screen' message and its functionality, then you could avoid the problem altogether by setting useFullscreenExpand="FALSE" (although the gallery will expand only to fill the browser window rather than the entire screen).

I hope these notes help.

228

(7 replies, posted in Showkase Support)

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

As far as I am aware, there are no known security issues within Showkase so there should be no need to use a third-party software package to protect a Showkase site.

Just make sure that you have a strong password for your Showkase admin login and, if you are worried about spambots harvesting information from a 'Contact' page, then edit the 'Contact' page in question, scroll down to the 'Spam Prevention' section and make sure that both the 'Robots noindex' and 'Hide email address' checkboxes are selected (to dissuade search engines from indexing the 'Contact' page and to obfuscate your email address respectively).

I have not used Wordfence myself but there may be a way to make an exception for a certain directory (or directories) which might avoid the need to actually move your Showkase site's files out of Wordfence's way. It might be worth looking into.

Also, I notice that you are currently using Showkase v1.3.5.
You might like to consider upgrading to the latest version (v1.7.3) as v1.3.5 is now over 3 years old and there have been 12 official releases since then (with many bugfixes and new features). Please see the Version History page for details.
Upgrades are free within the same major version number so you can download v1.7.3 using your original download link. (Download links always point towards the latest version rather than the version you purchased.)
You can find full instructions for upgrading a Showkase site on the Upgrading Showkase support page. (Please be sure to make a complete backup of your existing site first, just in case anything goes wrong and you need to reinstate your original files at a later date.)

Incidentally, I notice that you use an 'External fit px' value of '-300' on your Juicebox gallery pages.
This gives the main images in your gallery pages very little room to be displayed on a smallish screen (like a 15" laptop).
A smaller negative value should result in a better visitor experience across different screen sizes.

I hope these notes help.

229

(5 replies, posted in Showkase Support)

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.

230

(2 replies, posted in Showkase Support)

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

A quick recap for other users who may be reading this thread...

This problem is caused by using a version of Showkase prior to v1.7.2 under PHP 7.1 or later.
The solution is to upgrade Showkase to v1.7.2 (or ideally the latest version which is currently v1.7.3) as Showkase v1.7.2 is compatible with PHP 7.1 and 7.2.

A full list of changes between versions can be found here: Version History.
Full instructions for upgrading Showkase can be found here: Upgrading Showkase.

231

(5 replies, posted in Showkase Support)

Thank you so much for the help. I think I got it now.

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

Is there a way to keep the image area / caption area constant? I'm finding my galleries that have different image sizes and or orientation affects how much of my captions are displayed. Some have either missing text or sometimes the bottom 1/2 of a sentence is cut off.

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.

If possible, where would be the place to change the background (image or color) for the resulting space around the image?

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.

232

(4 replies, posted in Showkase Support)

You're welcome!

233

(4 replies, posted in Showkase Support)

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.

234

(5 replies, posted in Showkase Support)

It sounds like you might currently be using the default 'Body text layout' of '1-column narrow', where the body text is in a narrow column, justified to the left hand side of the gallery.

If you edit your gallery page, scroll down to (and expand) the 'Override Site Options' section and select '1-column wide' for the 'Body text layout' (and then click 'Save' and 'Publish'), the body text will span the entire width of the gallery.

If you want the body text to be centered (rather than left-justified) within the area it occupies, then you can do so using CSS.
Click on the 'Source' button on the editor's toolbar and you should find that your body text is within <p> tags.
Just change the <p> tags to <p style="text-align: center;"> and this should work.

I hope this helps.

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

For reference (and other users planning on moving their Showkase sites), the 'Changing Your Installation Directory' instructions can be found here.

The first thing I'd do is make a complete backup of your Showkase site in case anything goes wrong and you need to reinstate the original files at a later date (to try something different).

Have you been able to run the setup procedure after moving your Showkase site? (Normally, after moving a Showkase site, Showkase will detect that its path has changed and automatically display the setup page to update it.)
If so, did it seems to go smoothly or did you encounter any errors along the way?

Being that the error message you have encountered refers to the password for your Showkase site, please try the password reset procedure to see if this helps.
FAQ: I lost my password, how can I reset it?

It might also help to run Showkase in debug mode to see if a more detailed error message is displayed in the application's status bar which might help to pinpoint the cause of the problem.
Open your 'showkase/admin/settings/constants.php' file in a plain text editor and change line 12 from:

define('DEBUG', false);

... to:

define('DEBUG', true);

If this provides more detailed information about the problem, please let me know.

I hope that this helps (or at least points you in the right direction).
Please let me know how you get on.

237

(3 replies, posted in Showkase Support)

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.

238

(3 replies, posted in Showkase Support)

There's no way to just copy the settings from one gallery page to another but there are a couple of things that might make life a little easier.

(1) If you already have a gallery whose settings are exactly as you'd like them to be, then you can clone the gallery using Showkase's 'Site -> Import' functionality, essentially importing an existing Showkase page to create a new Showkase page (within the same site).
On the 'Site -> Import' tab, just enter the path from your web root directory to your Showkase site's directory (starting with a '/'), click the 'Scan' button, select the gallery page you'd like to clone and click 'Import'.
Once your new gallery page has been created by the import process, it will be be identical to the original gallery page and you can then just change the images (deleting existing images on the gallery page's 'Images' tab and uploading new images on the gallery page's 'Upload' tab) and any other settings such as the page title.

(2) If you have a particular set of configuration options that you'd like to use for all galleries throughout your site, then you might like to set them in 'Site -> Customize Viewers -> Edit (Juicebox-Pro v1.5.1)'. Configuration options set here will be used as defaults each time you create a new gallery page and will prevent you from having to set them individually in each separate gallery page.

I hope this helps.

239

(5 replies, posted in Showkase Support)

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.

240

(5 replies, posted in Showkase Support)

As it is recommended that the Cookie Consent code be placed just before the closing </head> tag on web pages, here's how to incorporate the Cookie Consent code into a Showkase site.

(1) Open the '_themes/base/pagetypes/layout.tpl' file in a plain text editor.
(2) Add the Cookie Consent code (your version copied below) immediately before the closing </head> tag on line 18.

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#000"
    },
    "button": {
      "background": "#f1d600"
    }
  },
  "showLink": false,
  "type": "opt-out"
})});
</script>

I've tested this myself and it seems to work fine.

The other JavaScript code you quoted (the callback hook code) does not actually do anything by itself. It just shows you where you should add your own custom JavaScript code to enable and disable cookies within your site depending on whether users opt in or out. (You'd need to replace // enable cookies and // disable cookies with your own custom JavaScript code to enable and disable cookies respectively.)

However, the only cookie that a Showkase site uses is a session cookie within Juicebox-Pro.
When a Juicebox-Pro gallery is expanded on a page of its own (when expandInNewPage="TRUE" or when expandInNewPage="AUTO" and the gallery is expanded on an iOS device), Juicebox uses a session cookie to pass the gallery's configuration data on to the new web page (so that the gallery's expanded layout matches that of the embedded gallery).
This is just a session cookie (containing only gallery configuration data and no personal or tracking data) which is automatically deleted when the browser sessions ends. (In fact, I expect that the session cookie will actually expire as soon as its contents are read.)

Showkase does not set or use any persistent tracking cookies so, unless you introduce any custom tracking cookies yourself, cookie consent may not actually be required from visitors to your site.
(Please check with your own country's current cookie laws and regulations regarding session cookies vs tracking cookies.)

Even if you were to incorporate the callback hook code you quoted, there is no way to disable the session cookie functionality within Juicebox-Pro so there is no code that you could add to the callback hook code that would make any difference in this respect (and if you did manage to somehow disable session cookies throughout your site, it would break Juicebox-Pro's functionality).

I hope this helps to clarify things.

241

(5 replies, posted in Showkase Support)

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.

242

(3 replies, posted in Showkase Support)

I'm glad to hear that you've got it all sorted out. Thank you for letting me know.

You are correct in thinking that Showkase does not have any built-in functionality to allow users to comment or rate your photos. There would really be no easy way to add such functionality. You'd need to either code something yourself or integrate a third-party package (neither of which would be quick and easy).
You could, however, post this as a suggestion in the Feature Requests forum thread if you like.
I do not know what suggestions will be picked up by the developers but this is certainly the best place for all ideas.

Edit:
Thanks for posting in the Feature Requests thread.

243

(3 replies, posted in Showkase Support)

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

The only issue I see is that, when I did the "Publish", I got a number of errors that say: "Notice: A non well formed numeric value encountered".

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.

I checked the site System/Setup menu under showkase and it has the correct path.

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

244

(3 replies, posted in Showkase Support)

If I now look at the source code on my website, the code is not there.

Just to clarify, the code is not added directly to the HTML page but the 'custom.js' file (where the code is located) is loaded into every Showkase page via the following line of code:

<script src="/1/_themes/kosel/js/custom.js"></script>

I've tested the feature on google analytics now and it works.

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

Thank you for the quick help!

You're welcome!

(I've deleted the link from your post as requested.)

245

(3 replies, posted in Showkase Support)

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.

246

(11 replies, posted in Showkase Support)

You're welcome!
I'm glad you've been able to use the code. Thank you for letting me know.

247

(11 replies, posted in Showkase Support)

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.

248

(3 replies, posted in Showkase Support)

Thank you for your answer.

You're welcome.

It is not a big issue, I can live with that for a while. I'll wait for the fix...

Hopefully the issue will be fixed for the next version of Juicebox-Pro (although I do not know when this is likely to be released).

I guess this is the same issue for all special characters (like & or #) ?

Yes. It looks like all characters within the image title except A-Z a-z 0-9 - _ . ! ~ * ' ( ) are percent-encoded.

249

(11 replies, posted in Showkase Support)

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.

250

(3 replies, posted in Showkase Support)

Unfortunately, this certainly looks like a bug.
It should be safe to use commas in image titles but, as you report, they are percent-encoded when appearing in the body of the email message.
I have notified the developers of this but, as the code which handles the email body text is buried deep within the 'juicebox.js' JavaScript file (which is obfuscated and cannot be modified), there is little that can be done until the bug is fixed (other than remove the commas from image titles in the meantime).