You are not logged in. Please login or register.
Showkase Support Forum → Posts by Steven @ Showkase
I'm glad my suggested workaround works for you.
Thank you for letting me know.
PS.: If it's okay, I remove the link to my home page again.
No problem at all.
I appreciate you posting the link, though. I would never have found the source of the problem without seeing your gallery's configuration options. Thank you.
Thank you for the link to your gallery and for the additional information.
4. The issue of "Splash Page" I did not understand.
Your gallery sets showSplashPage="NEVER" so, on a mobile device, Small Screen Mode is used without a Splash Page.
I have now been able to replicate the problem in a test gallery of my own.
The problem is with Juicebox rather than Showkase.
It is caused by a combination of the following two configuration options in Small Screen Mode:
autoPlayOnLoad="TRUE"
showSmallThumbsOnLoad="FALSE"I have logged a bug report with the developers and the problem should hopefully be resolved in the next version of Juicebox.
In the meantime, as you do not use the Splash Page or any regular Small Screen Mode functionality, you might be able to work around the problem by setting:
screenMode="LARGE"... in the Juicebox Gallery Page's 'General (Pro)' section.
Please post the URL to your gallery's web page so that I can take a look and hopefully help further.
Please also let me know the following.
What version of iOS do you use?
What browser(s) do you see the problem in (Mobile Chrome, Mobile Firefox, Mobile Safari)?
What Showkase theme do you use (Boma, Kosel, Maribo)?
Are you referring to the Splash Page on the Juicebox Gallery Page or the expanded gallery (after clicking the Splash Page)?
Thank you.
I have been unable to replicate the problem myself so hopefully with some additional information and being able to see your own gallery for myself, I should hopefully be able to help further.
In the meantime, if you are currently viewing your Juicebox gallery over a 3G or 4G connection, please try using a wfi connection instead. This may or may not be relevant but it cannot do any harm. Perhaps this Juicebox FAQ will help:
Why can't I view my gallery on a 3G mobile connection?
It sounds like you've found what you were looking for.
Thank you for editing your post to let me know.
I expect that much of what your were looking to duplicate would be found in the _data folder.
For example, gallery settings for individual themes are stored in files such as:
showkase/_data/themedata/kosel/juicebox.xmlThe _data folder is not part of the Showkase package. It is created when the gallery is setup. As such, it will not be overwritten if/when you upgrade Showkase.
Please check out this forum post for more detailed instructions for copying settings from one Showkase site to another.
Checking your website with Google's own PageSpeed Insights tool reveals the render-blocking JavaScript and CSS being referred to.
They are gallery and theme related external JavaScript and CSS files which are necessary for the functionality and styling of the content above-the-fold. (In a typical Showkase page, pretty much everything is above-the-fold.)
Suggestions to defer or asynchronously load them might not help much as your above-the-fold content would not look the way it should until the files are fully loaded anyway and there is not a great deal of code on a typical Showkase page that the render-blocking elements would be holding up.
If you like, you could certainly try deferring the loading of the theme related JavaScript files.
Open the showkase/_themes/base/pagetypes/basetheme.tpl file in a plain text editor and add the defer attribute to all <script> tags between lines 33 and 44 (the 'scriptlinks' section). Please note that the line numbers refer to the current version of Showkase (v1.6.1).
However, please be aware that this is not officially supported or tested and might even break your Showkase pages. (For example, if you defer the loading of the 'juicebox.js' gallery file in a Juicebox gallery page, the gallery will simply not display. The 'juicebox.js' gallery file cannot be deferred or loaded asynchronously. The file needs to have been loaded synchronously before the JavaScript embedding code is executed.)
It is certainly something that you could try, though. It is easy to revert if it does not help.
(Be sure to re-publish your site after making any modifications to source files.)
The other suggestion to inline the code would probably also not help much in real terms and would require the structure of Showkase to be changed significantly.
The render-blocking JavaScript and CSS is mostly theme related and I expect that restructuring Showkase to inline the theme code (rather than have it modular in discrete external files) would make maintaining themes and creating new ones a much more difficult process.
Just for the record, I picked a couple of websites at random (youtube.com and wordpress.org), analyzed them with the test website you quoted and got exactly the same message that you reported. It does not seem to be an not uncommon occurrence.
Incidentally, the test website's own pop-up results page (after clicking 'See what to fix') does not fit within my laptop's screen and I have to press F11 to go fullscreen to see the close button. Even though their own web page passes all their own tests, usability is perhaps more important than ultimate speed (although it would be nice to have both in an ideal world).
Ok. If you do changes in index.html how can i keep them because index.html gets overriden everytime i click publish.
Is it possible to do changes and keep them when you click publish.
No. Any changes to the HTML files generated by Showkase will always be overwritten when the site is next published.
Showkase recreates all pages from scratch. It is not possible to leave sections untouched.
If you cannot customize your pages to your liking with the available configuration options and by using the custom CSS and JavaScript files (see the Adding Custom Styles support section for details) then you could modify the source template files that Showkase uses to create the HTML pages.
Take a look at the TPL files in the 'showkase/_themes/base/pagetypes/' folder.
The 'layout.tpl' and 'basetheme.tpl' apply to all pagetypes and the other TPL files apply to individual page types (the TPL filenames correspond to the page types they refer to).
Open these TPL files in a plain text editor and hopefully you will find the right places to make your modifications.
Any modifications you make to these files will be carried over to the generated HTML pages on publishing.
For anyone looking to customize Showkase beyond what is possible via the interface, please see the Customization support pages.
I'm glad you've found what you were looking for. Thank you for letting me know.
For reference (and other users reading this thread), the Juicebox-Pro Password Protection support section can be found here.
Yes i have upgraded to v1.5.0 but im still able, from Chrome, to save the whole page and in that directory i find all the pictures that are in the Gallery ?? How is that possible ? showdownloadbutton is FALSE.
Setting showDownloadButton="FALSE" will ensure that Juicebox-Pro's Download Button is not displayed on the gallery's own Button Bar.
However, it does not disable core browser functionality (such as Chrome's 'Save page as...' feature).
If a user is determined to download an image and is familiar with the structure of a Juicebox gallery, it is possible to view the source of the web page in a browser, find the URL of the XML file and view this file to find the image URL. There is nothing that can be done to prevent a user from doing this (as the 'View Source' functionality is built into each browser).
Anything you do to try to prevent a user from directly viewing an image will also prevent Juicebox from doing the same.
It is also not possible to prevent users from taking a screenshot of the web page displaying the image.
To deter users from doing so, you might like to watermark your images. You could use JuiceboxBuilder-Pro (the desktop application which comes with Juicebox-Pro) to watermark your images. Please see the Adding Watermarks support section for details.
You could then import the gallery (with watermarked images) into your Showkase site using Showkase's 'Site -> Import' functionality.
It might also be wise to ensure that your images are of a file size suitable for web gallery use but not large enough for other purposes (such as printing).
Setting showDownloadButton="FALSE" and showOpenButton="FALSE", disabling the right-click context menu (by using Juicebox v.1.5.0), watermarking your images and making sure that your images are not too large are probably the best preventative steps you can take and should hopefully deter the casual user from downloading your images.
How can i group few galleries under one main gallery and when i click on that main gallery, it will not display any pictures (from main gallery) but
will continue to display all the pictures from the first subgallery.
I'm not exactly sure what you are looking to do.
It sounds like what you are looking to do might not be possible with Showkase but using a Gallery Index Page might be a suitable compromise.
You can group multiple different Gallery Pages under either a Gallery Index Page or another Gallery Page.
If multiple different Gallery Pages are grouped under a Gallery Index Page, then on the Gallery Index Page, each gallery will be represented by a thumbnail image which, when clicked, will open the corresponding gallery.
If multiple different Gallery Pages are grouped under a Gallery Page, then when the top-level Gallery Page is selected, the top-level gallery will be displayed and there will be links to all the other galleries in the navigation menu.
Please note that the Contact Form within Showkase requires PHP mail support on the server and this is the only method that is officially supported.
However, as Showkase uses PHPMailer internally, you could try the following.
Open the 'showkase/admin/plugins/contact/master/contactcore/contact.php' file in a plain text editor and change line 21 from:
$mailer->isMail();
... to:
//Tell PHPMailer to use SMTP
$mailer->isSMTP();
//Enable SMTP debugging
// 0 = off (for production use)
// 1 = client messages
// 2 = client and server messages
$mailer->SMTPDebug = 2;
//Ask for HTML-friendly debug output
$mailer->Debugoutput = 'html';
//Set the hostname of the mail server
$mailer->Host = 'smtp.gmail.com';
// use
// $mailer->Host = gethostbyname('smtp.gmail.com');
// if your network does not support SMTP over IPv6
//Set the SMTP port number - 587 for authenticated TLS, a.k.a. RFC4409 SMTP submission
$mailer->Port = 587;
//Set the encryption system to use - ssl (deprecated) or tls
$mailer->SMTPSecure = 'tls';
//Whether to use SMTP authentication
$mailer->SMTPAuth = true;
//Username to use for SMTP authentication - use full email address for gmail
$mailer->Username = "username@gmail.com";
//Password to use for SMTP authentication
$mailer->Password = "yourpassword";This code was taken from the gmail.phps example file from the PHPMailer package.
You will need to fill in your own unique SMTP details (as noted in the comments within the code).
You might also need to ensure that the 'From' address is a valid email address.
Try changing line 91 from:
$mailer->setFrom('mailer'.strstr($siteEmail, '@'), $userName);... to:
$mailer->setFrom('username@gmail.com', $userName);If you find that it does not work, then here are a few things to try.
Try setting Host to gethostbyname('smtp.gmail.com') instead of 'smtp.gmail.com'.
Try setting Port to 465 instead of 587.
Try setting SMTPSecure to 'ssl' instead of 'tls'.
If your Google account uses 2-Step-Verification, try using an App Password (and setting it as Username above).
There are other hints and tips on these troubleshooting pages:
PHPMailer: https://github.com/PHPMailer/PHPMailer/ … leshooting
StackOverflow: http://stackoverflow.com/questions/1604 … php-mailer
Please remember that this has not been tested and is not officially supported.
If you are using a Juicebox gallery, please make sure that you are using the latest version (v1.5.0) as right-click protection was introduced in v1.5.0. (Please see the Version History for a full list of changes between versions.)
Please also see this FAQ: How do I allow or prevent users from saving gallery images?
(Also, set showDownloadButton="FALSE" in the 'Button Bar (Pro)' settings section.)
If you purchased Showkase-Pro, you can upgrade to the latest version (v1.6.1) which comes bundled with Juicebox-Pro v1.5.0.
Instructions can be found here.
If you purchased Showkase-Standard and Juicebox-Pro separately, then you can download Juicebox-Pro using your original download link and integrate it into Showkase-Standard following the instructions here.
If you are using a ListViewer gallery, go to 'Override Site Options' in the page settings and make sure that the 'Protect images' checkbox is selected.
If you are using a SimpleViewer gallery, then please see this FAQ: How do I prevent users from saving gallery images?
Be sure to re-publish your site after making any changes.
I hope these suggestions help.
You're welcome!
Only 1/2 the title can be seen (horizontally).
Your SimpleViewer-Pro galleries set floatButtonBar="TRUE". The heights of floating elements are not used when calculating the height for the gallery. (Please see the Resizable Layout section of the SimpleViewer-Pro Layout Guide for a short note on floating elements.)
If you set floatButtonBar="FALSE" (in the 'Button Bar (Pro)' section), then height will be reserved in the gallery for the Button Bar and the Title (to the Button Bar's left) should be fully visible (like in your other galleries).
Alternatively, you could set floatTitle="FALSE" and set a titleHeight if necessary (in the 'Title (Pro)' section). (The default value for floatTitle is TRUE.)
Also, how to make get the captions to import from meta in the image file?
Please see 'Editing Individual Captions' in the Pages section of the Showkase User Guide for details on how to extract IPTC data for use in image captions.
If entering IPTC data via Adobe Lightroom, {iptctitle} corresponds to the Metadata 'Title' field and {iptcdescription} corresponds to the Metadata 'Caption' field. (In Photoshop, {iptctitle} corresponds to the IPTC 'Document Title' field and {iptcdescription} corresponds to the IPTC 'Description' field.)
Try setting your sendmail_path (in your 'php.ini file) to just '/usr/sbin/sendmail'(without the -t -i switches) to see if this makes a difference.
Maybe your web host could shed a little more light on the "Could not execute: /usr/sbin/sendmail -t -i" error message.
Otherwise, try using SMTP instead.
Open the 'showkase/admin/plugins/contact/master/contactcore/contact.php' file in a plain text editor and change line 21 from:
$mailer->isMail();... to:
$mailer->isSMTP(); // Use SMTP
$mailer->SMTPDebug = 2; // Enable SMTP class debug output mode - can be 0, 1, 2, 3 or 4
$mailer->SMTPAuth = true; // Use SMTP authentication - can be true or false
$mailer->SMTPSecure = ''; // Secure connection prefix - can be '', 'ssl' or 'tls'
$mailer->Host = 'smtp.example.com'; // Set SMTP host
$mailer->Port = 25; // Set SMTP port
$mailer->Username = 'username'; // Set SMTP username
$mailer->Password = 'password'; // Set SMTP passwordYou will need to fill in your own unique SMTP details (as noted in the comments within the code).
You might also need to ensure that the 'From' address is a valid email address on your domain.
Try changing line 91 from:
$mailer->setFrom('mailer'.strstr($siteEmail, '@'), $userName);... to:
$mailer->setFrom('your@email.address', $userName);I hope this helps.
Are you referring to the 'Email to' field in the admin section?
I'm not exactly sure why the contact form (PHPMailer) would fail to send emails to your own email address.
I used a couple of different (valid) email addresses when I was testing the functionality out on your server (a Gmail address and a Hotmail address) and emails from the contact form were sent to both addresses successfully.
At least we're making some progress and now know that your email address seems to be the cause of the problem.
I don't know if it will help but this forum thread seems to describe your problem:
http://stackoverflow.com/questions/2901 … l-function
Also, the PHPMailer troubleshooting section for the "Could not instantiate mail function." error message might help.
https://github.com/PHPMailer/PHPMailer/ … l-function
You could maybe try the 3rd suggestion in the link above and try using sendmail by opening the 'showkase/admin/plugins/contact/master/contactcore/contact.php' file in a plain text editor and changing line 21 from:
$mailer->isMail();... to:
$mailer->isSendmail();The path to the sendmail binary in your 'php.ini' file looks to be OK (the regular default sendmail path) so you should not need to explicitly set it.
Be sure to republish your site after making this modification.
I'm not sure if it will work but it might be worth a try.
Please note that the line number above refers to the current version of Showkase (v1.6.1).
Yes, indeed. Useful to know if you're creating you own theme.
I'm glad it helps.
Gallery settings for individual themes are stored in files such as:
showkase/_data/themedata/kosel/juicebox.xmlThe _data folder is not part of the Showkase package. It is created when the gallery is setup. As such, it will not be overwritten if/when you upgrade Showkase.
It sounds like you might want to try creating your own theme using an existing theme (such as Kosel) as a base template.
Take a look at the Creating Themes support section for more information.
Alternatively, as you seem to have everything customized to your liking at the moment, you might decide that it's best to just leave everything exactly as it is.
You're welcome.
There are a number of different ways that you can target the 'Message' text area using CSS.
My own suggestion above will target only the 'Message' text area as it uses the element's id (#message) and every id on a web page should be unique.
You can certainly use classes (or input types) to target multiple elements at once (to avoid having to specify individual ids).
I'm glad you've found what you're looking for.
Thanks for letting me know.
Add textarea#message to your CSS selectors:
@media only screen and (min-width: 768px) {
input[type=text],
input[type=email],
textarea#message {
width: 300px;
border: 1px solid blue;
}
}I usually use my browser's developer tools (accessible via F12) to determine which classes and ids the custom rules should be applied to.
Just a quick reminder...
As you are using a lot of custom CSS in your theme's 'custom.css' file (which is absolutely fine), be sure to make a backup of this file.
If/when you next upgrade Showkase, your 'custom.css' file will be overwritten with the blank version that comes bundled within Showkase and you'll need to reinstate your custom version after upgrading (or you could remove the blank version from the Showkase core files before upgrading).
No problem!
You're welcome.
I'm glad you've got it sorted out via CSS.
Image sizes and the theme width do not need to match exactly.
It is perhaps unlikely that images will be displayed at 100% anyway.
Showkase pages (and all its supported gallery types) are responsive and images are dynamically scaled (if necessary) so that they are displayed in their entirety respecting their aspect ratios and without cropping.
The image for the 'About' page, for example, is scaled to fill half the width of the page and images within Juicebox gallery pages are scaled to fit within the gallery's image area. (The images will not be displayed at their actual 1024px width.)
If you have really large images and wanted to display them much larger than the default theme width will allow, then you could certainly increase the theme width.
However, for your own scenario, I would personally just leave things as they are and allow Showkase (and the galleries) to dynamically resize the images if necessary.
You can, of course, try a few different settings for your theme width and settle on the one that you think works best for you and your images.
For other users reading this thread, the FAQ that md.michel is referring to is this one:
What is the optimum image size for the Boma and Kosel themes?
You can change the 'Headings font', 'Body font' and 'Base font size (px)' in the 'Customize Theme -> Fonts' section.
These settings will apply to image titles and captions in a ListViewer gallery but not in Juicebox or SimpleViewer galleries.
For a Juicebox-Pro gallery, you can set the 'Gallery Font Face' in the 'General' section of the Juicebox gallery page.
Please see here for a short description of the Juicebox-Pro galleryFontFace configuration option.
To set font sizes, add the following CSS to your 'showkase/_themes/kosel/css/custom.css' file, changing the font sizes as appropriate:
/* IMAGE TITLE */
.jb-caption .jb-caption-title {
font-size: 20px !important;
}
/* IMAGE CAPTION */
.jb-caption .jb-caption-desc {
font-size: 20px !important;
}
/* IMAGE NUMBER */
.jb-cap-frame .jbac-number {
font-size: 20px !important;
}If you use Boma or Maribo rather than the Kosel theme, change 'kosel' in the path above to 'boma' or 'maribo' as necessary.
For a SimpleViewer-Pro gallery, use the 'Caption Font Name, 'Caption Font Size' and 'Image Number Font Size' configuration options in the 'General' section of the SimpleViewer gallery page.
For reference, all SimpleViewer-Pro caption options can be found here.
You can also add HTML formatting to individual image titles and captions to use HTML tags (and CSS via the 'style' attribute).
Please see the following FAQs for details.
Juicebox: How do I add HTML formatting to image captions and titles?
SimpleViewer: How do I add HTML formatting to my captions?
Showkase Support Forum → Posts by Steven @ Showkase
Powered by PunBB, supported by Informer Technologies, Inc.