326

(6 replies, posted in Showkase Support)

This issue has now been fixed in Juicebox v1.5.1 which has just been released (25 August 2017).
Please see the Version History for a full list of changes.
Full instructions for upgrading can be found on the Upgrading Juicebox support page.

Please note that Juicebox v1.5.1 has not yet been integrated into Showkase but, until the next version of Showkase is released, you can download Juicebox-Pro v1.5.1 separately and integrate it into your Showkase site by following the Installing a Pro Viewer instructions.

327

(1 replies, posted in Showkase Support)

It can often be quite difficult to pinch-zoom a Juicebox gallery as the gesture can often be misinterpreted as the start of a swipe (for navigation).
However, I see the problem you are referring to (on both the Splash Page and in a Large Screen Mode gallery) on an iOS device and I think it may be related to the way that Showkase resizes the gallery and/or web page itself.
Unfortunately, I do not know of an easy fix for this but I have notified the developers who will certainly investigate further.
Thank you for reporting the problem. Hopefully there will be a fix in a future version.

328

(3 replies, posted in Showkase Support)

Thank you for posting your suggestion in the Showkase Feature Requests thread.
You could post it in the Juicebox Feature Requests thread, too, if you like (as it is perhaps more relevant to Juicebox than it is to Showkase itself).

329

(3 replies, posted in Showkase Support)

If you set imageClickMode="OPEN_URL" ('Main Image' options), then, when a main image in the gallery is clicked, the corresponding linkURL (entered on the gallery page's 'Images' tab) is opened in the specified linkTarget window.
This would almost certainly be the easiest way to set something like this up.
However, it would be the main image that would need to be clicked (not the thumbnail) and the linkURL web page would be opened in a new tab (rather than in a pop-up window).

If you've not got many sample videos to display, then perhaps you could set up a separate 'Basic' page and embed the videos into this page (instead of trying to incorporate them into your Juicebox gallery).
Here's a sample 'Basic' page in a demo Showkase site which embeds a couple of videos.

If you really want to have a video play in a pop-up window when a thumbnail is clicked, then try the following:
(1) Create a separate web page manually (not in Showkase) and embed your video into it by whatever method you like (HTML 5 <video> tag, YouTube embed, etc.).
(2) Upload your video's web page to your web server.
(3) Enter the URL to this web page as the corresponding image's linkURL (on the gallery page's 'Images' tab).
(4) Edit the gallery page in Showkase, click 'Source' on the editor's toolbar to enter source mode and add the following code to your web page.

<script>
  function openWindow() {
    window.setTimeout(function() {
      var index = jb.getImageIndex();
      var info = jb.getImageInfo(index);
      var url = info.linkURL;
      window.open(url, '_blank', "height=400,width=600");
    }, 500);
  }
  jb.onShowThumbs = function(showing) {
    if (showing) {
      window.setTimeout(function() {
        $('#jb-glry-id-0_thumb_0, #jb-glry-id-0_thumb_1').not('.bound').addClass('bound').click(function() {
          openWindow();
        });
      }, 500);
    }
  };
  jb.onThumbPageChange = function() {
    window.setTimeout(function() {
      $('#jb-glry-id-0_thumb_0, #jb-glry-id-0_thumb_1').not('.bound').addClass('bound').click(function() {
        openWindow();
      });
    }, 500);
  };
</script>

This example displays a pop-up window for the 1st and 2nd thumbnails in the gallery.
The id #jb-glry-id-0_thumb_0 represents the 1st image in the gallery (the internal numbering starts at 0 for the 1st image). You can change the thumbnails as required and extend this example to work for more thumbnails (each loading their own individual linkURL when clicked) if you like.

The code above uses the Juicebox-Pro API to check when a new thumbnail page is displayed (onThumbPageChange()) as the thumbnail you want to add the custom click handler to might not be visible when the gallery is initially displayed (it might be on a subsequent thumbnail page and might not initially be included in the Document Object Model). The click handler also needs to be added when the thumbnails are shown after being hidden (onShowThumbs(showing)). (The code also uses the API to fetch the image's linkURL.)

If you just had a single video per gallery, then you could hardcode the URL to the video's web page into a window.open command (and do away with the openWindow() function) but the code above will allow for multiple thumbnails to be selected (each with their own linkURL).

This is not a perfect solution by any means (a couple of short delays are required to ensure that things are in place) but it might at least point you in the right direction.

330

(3 replies, posted in Showkase Support)

You're welcome!

331

(3 replies, posted in Showkase Support)

Using enableDirectLinks should have no negative impact on page loading times.

Using enableDirectLinks allows each image in a Juicebox gallery to have a unique URL (the page's URL with a # identifier corresponding to the image number within the gallery).

When a new image is selected in the gallery (via the thumbnails or navigation buttons), Juicebox amends the URL in the browser's address bar (using the # and the appropriate image number) but because the page URL remains the same and Juicebox uses a # to identify the image (rather than having a completely separate web page for each image), the page is not actually reloaded (and neither is the gallery itself). The gallery just displays the selected image (as normal) and the # identifier is added to the URL. The full URL (with the # identifier) can then be copied from the browser's address bar and sent to someone to let them see a particular image in the gallery.

I hope this helps to clarify things.

332

(6 replies, posted in Showkase Support)

Id love to have you look under the hood.

Please check your email. I have sent you a message.
Thank you.

In the meantime, I think I might have found the root of the problem.
Each Showkase page has its own folder in the Showkase root directory. Inside each page's folder is a file named 'page.xml'. (This file contains information about the page such as the page type.)
You should be able to view the 'page.xml' files directly in a browser. For example, here is the 'page.xml' file for one of the page's in our Live Demo: https://www.showkase.net/livedemo/about-page/page.xml
However, trying to view the 'page.xml' file for any of your own Showkase site's pages fails (with the browser showing just the folder's 'index.html' page instead), for example: http://renaldi.com/projects/page.xml

It looks like the 'page.xml' files are missing from your Showkase site (they may not have been transferred successfully to their new locations when you moved your site) and this may be the reason for the incorrect page types.
If the 'page.xml' files are present in the page folders, then please check that their permissions are not too restrictive. Default file permissions of 644 should be fine.

Try creating a new page (in your moved site) and see if a 'page.xml' file is created in the page's folder on your web server.
If a 'page.xml' file is created for the new page, then it looks like the problem might be that your site's existing 'page.xml' files were not transferred successfully when you moved your site.

Otherwise, if a 'page.xml' file is not created for the new page, then there may may some underlying issue on your server whereby Showkase is unable to create the 'page.xml' files in the page folders.
If this is the case, then try running Showkase in debug mode to see if any warning or error messages are 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);

The line number above refers to the current version of Showkase (v1.7.0).

I hope this points you in the right direction.

Edit:
It might also be wise to install and run the Showkase Server Compatibility Test to check that your server has all the features Showkase needs.
Even if you ran the test before installing Showkase, please try again in case your web host has made any changes recently.
If any of the tests fail, then it might give us a further clue as to the nature of the problem. (Also, there are troubleshooting tips in the link above.)

333

(6 replies, posted in Showkase Support)

I have not encountered this problem before so, unfortunately, I do not know what might be causing it. (My best guess was corrupt page records but rebuilding them had not fixed the problem).

I don't know if it will help but try upgrading your site from Showkase v1.6.1 to the latest version (v1.7.0) to see if this makes a difference. (It is certainly something that I would try myself.) Please see the Upgrading Showkase support page for details.
This will replace all core Showkase files (with the latest versions) whilst leaving all your custom pages and settings in place.

Also, you could try editing one of the troublesome page, going to the 'Advanced' tab and changing the page type from 'Gallery Index Page' to whatever page type it should be ('About Page', 'Basic Page' or 'Contact Page').

If this still does not help, then it might help if I had access to your web server and Showkase site.
If you are agreeable to this, then please let me know and I will send you an email address where you can forward me your FTP and Showkase site login details.

334

(6 replies, posted in Showkase Support)

That certainly seems strange.
It looks like all the pages have become clones of your gallery index page.

The first thing Id try is to re-publish your site (if you have not already done so) by just clicking the 'Publish' button.

The next thing I'd try is to go to 'System -> Repairs -> Repair' to rebuild the page records.

Hopefully one of these suggestions will help.

Otherwise, as long as you made a backup of your site before moving it, if the intention of the move was to allow your site to be accessible from your root directory, then you could maybe reinstate your backup (to the way things were before moving your site) and then just follow the 5 step instructions in the Showkase Home Page support section.

335

(3 replies, posted in Showkase Support)

You're welcome!

336

(3 replies, posted in Showkase Support)

The Showkase root directory's 'index.php' file is used (to display the Showkase home page) only when the Showkase site is accessed via the root directory (without specifying an actual page name).
Every Showkase page has its own folder in the Showkase root directory (and an 'index.html' page inside the folder).
For example, a Showkase page named 'my_page' will be located here: http://www.example.com/showkase/my_page/index.html
However if the designated Showkase home page is 'my_page' and a visitor to your site goes to: http://www.example.com/showkase/
... then the 'index.php' page will be used to show the '/my_page/index.html' page.

That's really just an aside about the function of the root 'index.php' file. (Your tags should not go in this file).

If you want to have all your own <link> tags included on all your Showkase pages, then the best place to put them would be alongside the existing <link> tags in the /showkase/_themes/base/pagetypes/basetheme.tpl file.
Open the basetheme.tpl file in a plain text editor, scroll down to the {block "stylelinks"} section and add your own <link> tags alongside the other ones there.
All you now need to do is republish your site for all your own <link> tags to be added to all your Showkase pages.

337

(1 replies, posted in Showkase Support)

The 'Site -> Customize Viewers' tab allows you to customize the image viewers (gallery types) that Showkase supports: Juicebox, ListViewer and SimpleViewer. Any values changed in this section will be applied as default values when you next create one of these galleries.

Kosel is a theme (rather than a 'viewer'). The theme determines the layout and style of the pages (rather than the galleries that might be embedded in the pages).
If you want to customize a theme beyond what is available in the interface ('Site -> Customize Theme'), then please see the Creating Themes support section.
There's more information there than I could possibly include in a forum post (including a section on 'Inside the _theme Folder' inside the Advanced Theming section which it sounds like you might be interested in).

The _themes/base/ folder contains information common to all themes. The _themes/kosel/ folder contains information specific to the Kosel theme (that builds on the 'base' information). If you can't find what you're looking for in the _themes/base/ folder, try looking in the _themes/kosel/ folder. If whatever you are looking for is directly related to the Kosel theme, then it will likely be in one of these two folders.

338

(3 replies, posted in Showkase Support)

I'm glad to hear that reverting to v1.6.1 has resolved your problem. Thank you for letting me know.
Unfortunately, I have been unable to reproduce the problem you are describing myself (which makes me think that some of your custom modifications might be contributing to the problem).

If anyone else is experiencing difficulties with 'External fit px' when upgrading from v1.6.1 to v1.7.0, please let me know so that I can try to reproduce the problem myself and notify the developers if necessary. Thank you.

339

(3 replies, posted in Showkase Support)

It looks like the following <div> elements are not closed on your web page and this could potentially cause layout issues in some browsers.

<div id="outer">
<div id="wrapper">

This might be due to manual modifications you have made (all elements seem to be closed correctly when I generate a Juicebox gallery page under the Kosel theme in Showkase v1.7.0 myself).

Small changes may have been made to the layout of pages in Showkase v1.7.0 but a default Juicebox gallery under the Kosel theme in Showkase v1.7.0 will still fit within the browser window without any adjustment necessary (as long as site header text of the default font size is used).
I'm not sure what might have changed in your website between v1.6.1 and v1.7.0 to warrant a change to your 'External fit px' values, though.

I've just created sample Juicebox gallery pages under the Kosel theme in Showkase v1.6.1 and v1.7.0 using the default 'External fit px' value of zero and a custom value of -50.
With 'External fit px' being set to zero, both galleries (in v1.6.1 and v1.7.0) are exactly the same size in the browser window. (The galleries are both fully visible no matter what the height of hte browser window is.)
With 'External fit px' being set to -50, both galleries (in v1.6.1 and v1.7.0) are, again, exactly the same size in the browser window. (A similar 'External fit px' value gives the same results in both v1.6.1 and v1.7.0, at least in my own test sites.)
I've even tried uploading and using a site header logo (taller than the standard site header text) and the logo is displayed at the same size in both v1.6.1 and v1.7.0 (pushing the galleries down their respective pages by the same amount, resulting in equal 'External fit px' values being required).

Unfortunately, I really cannot explain why you have had to change your 'External fit px' values in v1.7.0 unless some custom modifications are coming into play or the unclosed elements on your web pages (see above) are somehow contributing to the issue.

340

(8 replies, posted in Showkase Support)

Can you show me an example of one of the paths you are referring to?

Sure. Try entering either of the two paths below (an example of a CSS file and a JavaScript file on your website) into the online gzip compression checker and you'll see that gzip compression is not currently enabled on your web server for CSS or JavaScript files.
Sample CSS file path: https://djphoto.com/_themes/kosel/css/styles.css
Sample JavaScript file path: https://djphoto.com/_themes/base/js/jquery-min.js
Online gzip compression checker: https://www.giftofspeed.com/gzip-test/

If these changes are made to use this compression, will it be lost each time I add photos or make a change to the website or when there is an updated Showkase version?

Setting up gzip compression for your website is completely independent of Showkase. Making changes within the Showkase interface or to the Showkase source files will not change whether your website uses gzip compression or not. Using gzip compression is simply a way to minimize the filesize (via lossless compression) when content is passed from your web server to the user's browser (to save bandwidth and also time).

Add the following code to your root directory's .htaccess file and check the CSS and JavaScript files in the online gzip compression checker again.

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

You should find that gzip compression is now enabled for CSS and JavaScript files (as well as .htm, .html, .php and .pl files).
(Images are not included in the list of files as they are not as highly compressible as text files and generally do not benefit from gzip compression.)

I hope this helps to clarify things.

341

(8 replies, posted in Showkase Support)

On further investigation, it looks like your web server is using gzip compression for HTML files but not for CSS or JavaScript files (which is probably why Google's PageSpeed Insights report suggests using compression on your website). Try entering the absolute path to a CSS or JavaScript file on your website into this online checker.

Add the code provided on this web page (there are many other web sites that provide similar code) to your root directory's .htaccess file to enable gzip compression for CSS and JavaScript files (as well as HTML files).

That should hopefully speed things up a bit (though maybe not noticeably) and increase your speed score on the PageSpeed Insights report.

342

(8 replies, posted in Showkase Support)

I checked that site and yes it does appear that the gzip compression is already active. Not sure how that happened, but as long as it's advantageous I'm good with that.

It's probably just set up on your web server by default (as it's generally a good idea).

Once again thank you the direction with this!

You're welcome!

343

(8 replies, posted in Showkase Support)

To be honest, I've never timed the loading of a Showkase site with and without gzip compression but anything that helps with loading times and is as quick and easy to set up as gzip compression is should probably be implemented. The time saved in downloading a compressed file (over its uncompressed version) will usually more than compensate for the time it takes for a client's browser to decompress the file so using gzip compression will almost always be preferable to not using it (at least for highly compressible content such as HTML).

There are several online gzip compression tests (try this one) which will check whether or not a website has gzip compression enabled. It looks like your website already uses gzip compression.

344

(8 replies, posted in Showkase Support)

Google's PageSpeed Insights tool can certainly be very helpful but it is also useful to remember that the results are just Google's ideal recommendations for a perfect score which, in a real-world scenario, might not be easy to achieve or make a great deal of difference depending on the web page in question.

Here are a few notes on some of the recommendations.

Optimize images

You could make some of your images smaller in filesize by reducing their quality slightly. This would address this recommendation in the report and should increase the speed score. However, I notice that the images for your homepage's gallery are around 200KiB each and I personally do not think that this is excessive (knowing that Juicebox preloads images as required and does not load all gallery images at once). You are certainly best positioned to know whether you'd want to decrease the filesize of your images. You might be perfectly happy with the filesize and quality of your current images, in which case, you won't need to worry too much about this recommendation.

Enable compression

You could try enabling gzip compression on your web server. Please see this web page for details.

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Prioritize visible content

Your Juicebox gallery is above-the-fold and it is absolutely essential that the gallery's JavaScript and CSS files ('juicebox.js' and 'theme.css') are loaded as soon as possible so that the Juicebox gallery can be displayed. In fact, almost everything on your Showkase homepage is above-the-fold so all external resources need to be loaded before the above-the-fold will be rendered correctly. There's really nothing that can be deferred.

Knowing the content of your web page and what files are required for the above-the fold content to be rendered correctly, the two recommendations above can be put into context. They are not truly problems but necessities for the gallery (and, indeed, the layout of your web page) to be displayed correctly.

Leverage browser caching

You could certainly set HTTP cache headers within an .htaccess file if you like. You could allow files to be cached by browsers rather than force browsers to always fetch files fresh from your web server (which is what I expect your web server currently does, being that this recommendation is in the 'should fix' section). Take a look at this web page for more information.

Minify CSS

You could minify Showkase's CSS files (for example using an online CSS minifying tool) but I doubt that it would be a worthwhile venture. I genuinely think that the speed increase that it would give you would be minimal and it would have a couple of drawbacks: the CSS would no longer be easy to read (or, indeed, modify if necessary) and if or when you upgrade Showkase, all the CSS files would be overwritten with un-minified new versions and you'd need to repeat the process all over again.

Minify JavaScript

Showkase already loads minified versions of the jQuery, Modernizr and Juicebox JavaScript files.
There is very little other JavaScript content that could be minified and if you tried to combine all the JavaScript into a single large file, you'd break Juicebox (and it would be difficult to do within Showkase).

I wouldn't worry too much about the tool's speed score. I would be more inclined to just load your website in a browser (which is what visitors to your website will be doing) and make sure that it loads within what you consider to be reasonable amount of time (and then perhaps address some issues if you really feel you need to). You'll likely have a good feel for whether you think your website's loading speed is acceptable or not. When I view your website in a browser, I reckon it loads pretty quickly. The tool just gives you some recommendations to maximize everything in an ideal scenario although, in many cases, not every recommendation is achievable. Don't get me wrong: the recommendations are useful but, even if they are achievable and increase your resulting speed score (by becoming green ticks instead of red crosses), I think the real-life speed increase in a Showkase site would barely be noticeable.

Showkase does not create hugely resource-heavy web pages. It loads only a few JavaScript and CSS files (I've seen some websites loading upwards of 50 JavaScript files and a similar number of CSS files) and, because of this, there is really no need to minify absolutely everything for the sake of a few milliseconds and at the expense of making the code very difficult to read and customize. Anything you do to reduce the number of recommendations in the report would likely be for little real-life gain.

Try entering a few other websites into the tool and you'll probably find similar speeds to that of your own website being reported.
I've just entered 'amazon.com' into the tool (as an example) and it scores similar speed scores to your own website. Being that Amazon probably want as many customers as possible, if the speed of their website was really an issue, I'm sure they would have addressed all the recommendations themselves.

At the end of the day, there are certainly a few things that you can do: check the filesize of your images, enable gzip compression on your server and allow browser caching. Anything else would be difficult to implement within Showkase.

However, I'd be happy that your website has a score of 100/100 for mobile friendliness and loads pretty quickly in real life.

I hope this goes some way to putting your mind at ease.

Edit:
On Google's own site, the full report is immediately available on-screen without needing to be emailed.
According to the report, minifying CSS on your homepage would save 9.6KiB and minifying JavaScript would save 4.2KiB. These are not huge savings that are going to make much of a difference.

You're welcome!
I'm glad that solved your problem.
Thank you for letting me know.

It certainly sounds like a server or PHP related issue although it seems strange that you are left with blank page (with no error messages) and a working gallery. It sounds like the script is stopping short of completing the import (perhaps due to a script timeout) and, although the gallery is created, the entry is not written to the page records.

Does it happen with every gallery you import?
How many images are in the gallery you are importing?
Try importing a small gallery (with just 2 or 3 images) to see if it happens with this.

If it seems to happen only with large galleries, then you could perhaps try increasing your PHP max_execution_time directive (for the set_time_limit() function) to see if this helps. The default value is 30 (seconds) but try a value such as 300 (which is what Showkase attempts to use internally for certain functions, such as publishing, if max_execution_time is set to a lower value in the PHP settings). Increasing the max_execution_time in your PHP settings might help.

You should be able to check your PHP settings using phpinfo() as follows:

  • Create a new file in a plain text editor with the following code: <?php phpinfo(); ?>

  • Save the file with a .php file extension (for example, 'phpinfo.php').

  • Upload the file to your web server and open it in a browser.

You should be able to change PHP values using a php.ini file, via an .htaccess file or via your web hosting online Control Panel.
If you have trouble changing any PHP values, your web host should be able to help you out.

Hopefully increasing max_execution_time will solve your problem.
However, if this does not help, then please let me know and I'll try to help further. Thank you.

Edit:
Incidentally, if you are not already using the latest version of Showkase, you might like to try upgrading to v1.6.1.
Instructions can be found on the Upgrading Showkase support page.

347

(1 replies, posted in Showkase Support)

It would be great if you could post your suggestion over in the Feature Requests thread. (It is less likely to be overlooked by the developers there.) Thanks!

I'm not aware of anyone having tried to use a masonry layout in a Gallery Index Page. I think it might be quite difficult to achieve within Showkase but if anyone has successfully managed to do this, please share your solution here.

348

(6 replies, posted in Showkase Support)

You're welcome.

349

(6 replies, posted in Showkase Support)

The link is going to a dead link. Please send new link.

Sorry about the link. I've corrected it in the post above.

The one question I do have though, the "image title" and "alt tag" are designed to use the info (from the title) and be the same in both places?

The <img> tag used for SEO purposes in a Juicebox gallery will look something like this:

<img title="Image Title" alt="Image Caption" src="/showkase/gallery/images/image0001.jpg">

Both the Image Title and Image Caption are used in the SEO code's <img> tag and also in the gallery itself (if you choose to display the captions).
Unfortunately, there is no way to manually enter different text for the SEO code.

350

(6 replies, posted in Showkase Support)

If you are using a Juicebox or SimpleViewer gallery, be sure to select the 'Add SEO content' checkbox in the page's 'Lite Viewer Options' section (Juicebox) or the 'Standard Viewer Options' (SimpleViewer). (This option is selected by default.)

A ListViewer gallery already uses <img> tags with 'alt' attributes so there is no option to 'Add SEO content' for this gallery type as it will already be there.
(Ordinarily, <img> tags do not need to be included in the HTML code for Juicebox or SimpleViewer galleries as the images are displayed dynamically via JavaScript but the 'Add SEO content' option is there to include such code for SEO purpose.)

Please see the Juicebox Search Engine Optimization support section for further information. The specifics refer to JuiceboxBuilder-Pro but Showkase provides similar functionality.

When the 'Add SEO content' checkbox is selected, SEO content will be added to the gallery page in the form of <img> tags (one per gallery image).
In a Juicebox or SimpleViewer gallery, the image's 'Caption' (entered on the 'Images' tab) is used as the <img> tag's 'alt' attribute.
(The image's 'Title' is used as the <img> tag's 'alt' attribute in a ListViewer gallery.)

If you are just inserting an individual image via the Showkase editor, then you can add text for the <img> tag's in the pop-up window's 'Alternative Text' input box.