Topic: Several questions

Hi!

I'm switching from using many individual Juicebox galleries to managing them all (and the menu) through Showkase.
So far things work well, but there are a few issues I was hoping you could help me with:

- Width of the page:
Under "Customize theme" > "Layout" I've adjusted "Max site width" to 1700. This way the layout looks good in gallery pages, but in gallery index pages it leaves a large part on the right side blank (no matter how many thumb columns I use). Is there any way to adjust the settings in such a way that the thumbnails will use the entire available width of the page?

- Title/captions in Gallery Index page:
Is it possible to in addition to the titles of the galleries also to have captions for the galleries below the titles? The same way that images in a gallery can have a title and a caption as well? I've seen that an extra line below the title is used to display the number of images in the gallery (with the "Show image count" option). Is it possible to "hijack" that option and put my own text there?

- Gallery name/folder
Is it possible to give the gallery a different name than the folder in which it's located? Related to this: is it possible to place the gallery folders in subfolders?

- Rows of thumbs in the gallery
I've adjusted the theme.css file (in \juicebox\master\jbcore\classic\) in such a way that the image title and caption appear above instead of below the thumb navigation buttons Because of this there's quite a lot of space left at the bottom of the thumbs and even though the max number of thumb rows is set at 9, on my screen (1920X1080) it will only show 7 rows (even though there is space for at least 8). Any idea how I might be able to get Juicebox to show more rows of thumbs?

Any help will be much appreciated!

Re: Several questions

Is there any way to adjust the settings in such a way that the thumbnails will use the entire available width of the page?

The Gallery Index Page should use the entire width of the page (although there may be a small gap to the right of the page if there is not enough room for an extra thumbnail).
Please post the link to your Gallery Index Page and provide a screenshot so that I can see what you are seeing and I might be able to help further.
Also, if you are not already using the latest version of Showkase (v1.7.2), then please try upgrading to see if this helps.
For reference, full instructions for downloading the latest version and upgrading can be found here.

Is it possible to "hijack" that option and put my own text there?

Unfortunately, Showkase was not set up for this and there is no easy way to display custom text below the page name. All the information displayed on the Gallery Index Page is taken from the 'pagesdata.txt' file. There is no gallery specific information stored in the 'pagesdata.txt' file and, if you wanted to display the Gallery Description (for example), then you'd need to write a PHP script to parse the corresponding gallery's 'config.xml' file to extract the information.

Is it possible to give the gallery a different name than the folder in which it's located?

You can certainly rename a page on the 'Pages' tab (click 'Rename' between 'Edit' and 'View') but the corresponding folder (inside which all the page's files are stored) will always be named after the page name (this behavior cannot be changed) and it is the page name that is displayed below the thumbnail on the Gallery Index Page. You can give a gallery a Gallery Title (in the 'Lite Viewer Options' section) and the Gallery Title will appear in the gallery itself (as long as galleryTitlePosition is not set to NONE).

Related to this: is it possible to place the gallery folders in subfolders?

No. It is not possible to change the structure of a Showkase site. All page folders must remain in the root Showkase directory where Showkase created them.

I've adjusted the theme.css file (in \juicebox\master\jbcore\classic\) in such a way that the image title and caption appear above instead of below the thumb navigation buttons

You are certainly free to change the 'theme.css' file but Juicebox will not be aware of any changes that you make and might expect certain gallery elements to be in certain positions. Custom CSS modifications can often result in unexpected behavior (for example, when a browser window is resized and the gallery needs to be redrawn). If everything seems to be OK, then that is great. However, if you find that this is causing problems, then I would recommend using the available configuration options (such as captionPosition) instead.

Any idea how I might be able to get Juicebox to show more rows of thumbs?

If thumbsPosition is set to TOP or BOTTOM, then maxThumbRows is used as an absolute value (and the number of thumbnails rows will not change).
If thumbsPosition is set to LEFT or RIGHT, then maxThumbRows is used as a maximum value and the actual number of thumbnail rows may vary according to the space available in the user's browser window.
If you think there may be room enough for another row of thumbnails, then the problem may be with space being reserved for the thumbnail navigation arrows and changing their position (via thumbNavPosition) might help.

I hope these notes go some way towards answering your queries.

3 (edited by Athoss 2018-03-13 22:39:12)

Re: Several questions

Hi Steven,

Thanks for the fast reply and the info.
Regarding the thumbnails not using the entire available width of the site:
When I resize my browser for the most part it works fine: it automatically switches from 1 to 2 to 3 columns and the thumbnails automatically scale so they fit. At some point however it seems like they reach their maximum size and they stop scaling.
I've tried to include a link to the Gallery Index Page and to a screenshot, but in both cases I get the message that no links are allowed. Perhaps this works (remove the spaces): athoss . nl / galleries-13 / Screenshot . jpg

One more question: when I click on one of the thumbnails in the Gallery Index Page on my computer it directly opens the Juicebox gallery. When I do the same however on my phone I first get some "in between" screen with the first photo of the gallery, a text with the number of images and "view gallery". Only after clicking the photo/text does the Juicebox gallery itself open. Is it possible to skip this in between screen on smaller devices as well and open the gallery itself straight directly from the Gallery Index Page?

Thanks!

Re: Several questions

At some point however it seems like they reach their maximum size and they stop scaling.

Thank you for providing the screenshot.

In the screenshot, there really is not enough room to display a 4th thumbnail on the 1st row (so Showkase wraps the 4th thumbnail onto the 2nd row).
Here's a mock-up (click here for screenshot [Link removed.]) of how the page would look with a 4th thumbnail in place.

The thumbnails are responsive but they will reach a maximum size and will not continue to scale up to exactly fill the available page width. (They will not be scaled up beyond their actual size as this would degrade their visual quality.)
I think it would be very difficult to change the way the the gallery index page thumbnails are scaled in the Showkase source code. I expect you'd need to change several files, knowledge of PHP and CSS would likely be necessary and you may encounter problems (such as with breakpoints) along the way.
You are certainly welcome to try but I'd recommend sticking with the way that Showkase currently works.

Having said that, you could try changing the dimensions for the thumbnails (to compensate for your increased page width) via the ss_totalIndexThumbWidth value in the '_themes\base\theme.ini' file (on line 27). (Please note that the line number refers to the current version of Showkase, v1.7.2.)
This might help to space out your thumbnails a little better to give a more balanced looking page layout.
Be sure to republish your site after making any changes.

When I do the same however on my phone I first get some "in between" screen with the first photo of the gallery, a text with the number of images and "view gallery".

What you are describing is the Splash Page.

The Splash Page is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a web page alongside other content (rather than displayed on a page of its own with dimensions of 100% x 100%, filling the browser window) and may may too small to be usable.
The Splash Page is essentially an image link for the gallery which displays an image (by default, the first image in the gallery) and some text.
When the user clicks or taps the Splash Page, the gallery is expanded to fill the browser window (giving the images more space to be displayed).

More information about the Splash Page can be found in the Screen Modes section of the Gallery Tour.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" ('Splash Screen (Pro)' section). Using this setting, the Small Screen Mode thumbnail page would initially be displayed instead of the Splash Page on small screen devices.
Alternatively, you could force the gallery to be displayed in Large Screen Mode (which, by default, does not use the Splash Page) on all devices and in all browsers by setting screenMode="LARGE" ('General (Pro)' section).

For reference, all the Splash Page configuration options can be found here.

Re: Several questions

Hi Steven,

Thanks again for the fast reply and the detailed response, both worked like a charm!

Re: Several questions

You're welcome!
I'm glad my suggestions helped. Thank you for letting me know.