426

(7 replies, posted in Showkase Support)

Thank for you the clarification.

Here is one possible solution. Hopefully the comments in the code will help.

It uses the JavaScript SDK Version of the Facebook Like Button. You'll need to replace the sample Facebook Like Button code below with your own (and also make sure that the path to your video file is correct in the video tag).

<!-- Wrap video tag and Facebook Like Button in parent container with position relative -->

<div id="wrap" style="position: relative;">

    <!-- Video tag -->

    <video src="/movie.mp4" width="800" controls>Your browser does not support the video tag.</video>

    <!-- Facebook Like Button - JavaScript SDK Version - Code from Step 2 -->

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.6";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <!-- Facebook Like Button - JavaScript SDK Version - Code from Step 3 -->

    <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

</div>

<!-- jQuery script section -->

<script>

    // Execute following when DOM is complete

    $(document).ready(function() {

        // Show Facebook Like Button only when mouseover video

        $('#wrap').hover(function(){

            // Mouseenter

            $('.fb-like').first().show();
            }, function(){

            // Mouseleave

            $('.fb-like').first().hide();
        });

        // Initially hide Facebook Like Button, stack it on top of video and position it in corner of video

        $('.fb-like').first().css({
            'display': 'none',
            'position': 'absolute',
            'top': '10px',
            'left': '10px',
            'z-index': '999'
        });

    });

</script>

427

(7 replies, posted in Showkase Support)

You can insert whatever HTML code you like (for example an <iframe> or <video> tag) into the text editor on your 'Basic' page.
Just make sure that your text editor is in 'Source' mode (click the 'Source' button in the text editor's toolbar).

For example, if you want to host a video on your own web server and embed it into a 'Basic' page, then try the following:

(1) Upload the video file to your web server. In this example, we'll call it 'movie.mp4' and upload it to the root directory.
(2) Enter something like the following code into the text editor (in 'Source' mode), changing the width as necessary:

<video src="/movie.mp4" width="800" controls>Your browser does not support the video tag.</video>

The leading slash in the 'src' attribute denotes your root directory. If you upload your video file to a location other that your root directory, make sure that the path to the video file is correct. (If it is a relative path, then it should be relative to the 'Basic' page's location, i.e. one directory down from the Showkase directory.)

More information about the <video> tag and its attributes can be found here: https://developer.mozilla.org/en/docs/W … ment/video

428

(7 replies, posted in Showkase Support)

Create the code for a Like Button or a Share Button using one of Facebook's links below.
You can then copy and paste the code into your Showkase 'Basic' page in the text editor (in 'Source' mode).

Like Button: https://developers.facebook.com/docs/pl … ike-button
Share Button: https://developers.facebook.com/docs/pl … are-button

You're welcome!

430

(3 replies, posted in Showkase Support)

This issue (navigation links not being able to be second-tier menu items) has been addressed and will be fixed in the next version of Showkase.
In the meantime, if you would like to implement the fix yourself, please check your email. I have sent you an updated file for you to upload to your web server.
Thank you for taking the time to report the issue.

431

(3 replies, posted in Showkase Support)

There used to be a drop down box I could select a parent but I can't find it now.

The 'Group Under' inputs have been removed in favor of the new drag-and-drop system on the 'Pages' page.

For some reason I can't drag a navigation link to be a "sub page" of a basic page or gallery index page...

Unfortunately, it looks like you have found a bug.
The only workaround I can find at the moment is to create your site with a version of Showkase prior to v1.5.0 and then upgrade, making sure that you do not move the position of the navigation links after upgrading.

I have notified the developers and hopefully it can be fixed in a future version.
Thank you reporting this issue.

432

(10 replies, posted in Showkase Support)

Yes. That is the correct place to edit your code (in the page's text editor box in 'Source' mode).
Your page looks OK in the text editor because the CSS which is affecting the layout in the actual web pages is not being applied to your custom code in the text editor. (After making the edits in the text editor, your page should still look OK in the text editor. The edits just protect your code against certain CSS rules.)

Yes. Please see the Changing Your Installation Directory support section.

You should be able to move a Showkase site by just copying the complete Showkase folder from one place to another.
As long as the Showkase site was initially installed to a folder of its own, then the entire Showkase site will be self-contained within its folder.
As soon as the Showkase folder is in its new position, navigate to your 'showkase/admin/' folder in a browser and Showkase should recognise that it has been moved and should present you with the setup screen ('System -> Setup').
Check that the 'Path to your web site folder' is correct (it should be filled in automatically) and click the 'Setup' button.
Now just login and your site should be exactly as it was in its previous location.

I recommend that you make a full backup of your site first, just in case anything goes wrong and you need to reinstate your original files at a later date.

434

(5 replies, posted in Showkase Support)

I just tested on my end and sure enough - all is good now!

That's great to hear! Thank you for confirming.

Thanks for your help!

You're welcome!

435

(5 replies, posted in Showkase Support)

Thank you for the link to your gallery.

I initially tried the Facebook share button in your gallery and saw the error your reported (which, incidentally, I have never seen before, hence my web search for the error message).

I then tried running your web page's URL through the Facebook Sharing Debugger (link above).
This failed to work at all and Facebook just returned a completely blank page (instead of the usual debugging information).
I then tried again, explicitly adding 'index.html' to your web page's URL and, this time, Facebook reported that your 'og:image' could not be used because it exceeded the maximum file size of 8MB (even though it is only 206KB).
I then tried again (one more time for luck, I guess) and it seemed to work. It looks like Facebook now have a working cache of your web page and hopefully your problem has been cleared.

I cannot explain why the Facebook sharing did not initially work for your gallery. There should be no need to plug your gallery's URL into the Facebook Sharing Debugger three times (with a different result each time) but hopefully things are now running as they should.

436

(5 replies, posted in Showkase Support)

However, when the Facebook link is selected on others there is a message that always says "Sorry, this feature isn't available right now: An error occurred while processing this request. Please try again later".

Having Googled the error message, the two most likely causes seem to be:
(1) It may be a temporary Facebook database or server issue which should hopefully resolve itself soon.
(2) It is a browser cache issue which can be solved by completely clearing your browser's cache and cookies.

If the problem is #1, then there is little you can do but wait until Facebook resolve the issue.
However, if the issue is #2, then completely clearing your browser's cache and cookies (or trying a different browser) should hopefully help.

Also there appears to be no definitive pattern as to which picture shows when the Facebook link does show one. Most times, it is the index picture. Some times, it is not.

Try running your gallery page URLs through the Facebook Sharing Debugger: https://developers.facebook.com/tools/debug/
You could try also try their Open Graph Object Debugger, too: https://developers.facebook.com/tools/debug/og/object

This should refresh Facebook's cache of your web pages, including Open Graph tags (although it may not be instant).

If you continue to experience difficulties, please post the URLs to your gallery pages so that I can take a look at the problem for myself and hopefully help further. Thank you.

437

(5 replies, posted in Showkase Support)

@atreidex

For reference, instructions for 'Upgrading Showkase' can be found here.

The process of upgrading Showkase replaces the core Showkase files and leaves all your existing pages untouched.
There should not be any problems in upgrading a Showkase site but it would be wise 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.

I didn't get to do a system repair (not sure how I'd do that either)...

Go to 'System -> Repairs' from within the Showkase interface.

... but simply waiting 15 minutes it changed back over to my normal live pages...

It sounds like there may have been some kind of issue with your web server (such as server-side caching) but hopefully everything's OK now.

If you continue to experience difficulties, then please let me know and I'll try to help you out.

438

(3 replies, posted in Showkase Support)

You're welcome!

439

(93 replies, posted in Showkase Support)

Request from steven.xu in the Juicebox-Pro forum: https://juicebox.net/forum/viewtopic.php?pid=9650#p9650

Request:
we'd like to have ability to setup multiple accounts and give different permission.

Thanks, ShowKase Support!

440

(3 replies, posted in Showkase Support)

If you go to 'Site -> Customize Theme' and select 'custom' for the 'Color Scheme', the icon takes on the 'Link color' (and 'Hover color') which you can set in the 'Custom Palette' section.

If you just want to change the color of the icon (without affecting other links), try adding the following CSS code to your current theme's 'custom.css' file (changing the colors to whatever you like):

.icon-menu {
    color: #ff0000;
}
.icon-menu:hover {
    color: #00ff00;
}

For example, if your current theme is 'Boma' then the file you should edit is 'showkase/_themes/boma/css/custom.css'.

441

(10 replies, posted in Showkase Support)

It looks like you might have made the changes (added the necessary CSS rules) to the HTML files created by Showkase. These HTML files are regenerated each time you publish your site.
Instead, edit the pages in question within the Showkase interface and make the changes to the <input> tags in the text editor (where you first entered your custom code).
I hope this helps.

442

(10 replies, posted in Showkase Support)

Many thanks for the links.

The login boxes and the donate button are all <input> elements and the Showkase CSS for <input> elements is being applied to your own <input> elements.


Login boxes:

Change your three <input> lines from:

<input type="text" name="uname" size="15" maxlength="30" style="width: 100px">
<input type="password" name="passwd" size="15" maxlength="30" style="width: 100px">
<input type="submit" name="submit" value="Login" style="width: 65px;">

... to:

<input type="text" name="uname" size="15" maxlength="30" style="width: 100px; display: inline !important;">
<input type="password" name="passwd" size="15" maxlength="30" style="width: 100px; display: inline !important;">
<input type="submit" name="submit" value="Login" style="width: 65px; display: inline !important;">

... (adding display: inline !important; to the 'style' attribute of each one).


Donate button:

Change:

<input alt="" border="0" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" type="image" />

... to:

<input alt="" border="0" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" type="image" style="width: auto !important;" />

... (adding a 'style' attribute with width: auto !important;).


You could add CSS classes or ids to each of your <input> tags and then add the required CSS rules in your theme's 'custom.css' file but as you would have to modify your custom code anyway (to add the classes or ids), the above suggestions might be the easiest to implement.

I hope this helps.

443

(10 replies, posted in Showkase Support)

I tried to post links and the code I'm using but I got this error message:

Warning! The following errors must be corrected before your message can be posted:
Too many links in message. Allowed 0 links. Reduce number of links and post it again.

I'm not sure exactly what you tried to post (perhaps your code has several links in it?) but it sounds like the forum's spam prevention has kicked in.

Try posting just the URL to your web page but disguise the URL like the following example:

www dot example dot com / index.html

That should at least allow me to view your web page.
Thanks.

444

(10 replies, posted in Showkase Support)

It is possible that between v1.3.5 and v1.5.1 some internal CSS values may have changed to fix certain layout issues and this may be adversely affecting your custom page.
Unfortunately, without seeing your website and the custom code that you are using, I cannot determine the cause of your problem.

Please post a link to the Showkase page which is causing the problem and also post the code that you are referring to (the code that you have copied from v1.3.5 to v1.5.1). I don't know if this is HTML code entered into the Showkase editor or CSS code entered into a theme's 'custom.css' file (or something else), but once I am able to see the problem for myself and the code that you are using, I should hopefully be able to help further. Thank you.

... the Paypal donate button is enlarged and thus pixelated.

This might be easily fixed by specifying dimensions ('width' and 'height' attributes) for the image to be displayed at within the dontate button's <img> tag.
For example:

<img src="image.png" width="100" height="50" alt="PayPal Donate Button" />

445

(5 replies, posted in Showkase Support)

I'm not sure what might have caused your problem (you should be able to upgrade Showkase following the instructions here without any problem) but I'm glad to hear that it seems to have been resolved.
Thank you for letting me know.

446

(3 replies, posted in Showkase Support)

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

447

(3 replies, posted in Showkase Support)

The About page is designed to display a column of text (on the left hand side of the screen) and an image from the Library (on the right hand side of the screen).
You could perhaps increase the width of the text slightly by using the following CSS in your 'showkase/_themes/maribo/css/custom.css' file:

.page-body {
    max-width: none !important;
}

However, if you choose to not display an image on your About page, then the column of text might seem quite narrow and you might be better off using a Basic page and setting 'Body text layout' to '1-column narrow' (in the 'Override Site Options' section).

448

(5 replies, posted in Showkase Support)

Thank you for posting back to let me know.

449

(3 replies, posted in Showkase Support)

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

450

(3 replies, posted in Showkase Support)

I'm not quite sure what the problem is but if you are using Showkase v1.5.0, please make sure you click 'Save' after renaming any pages on the 'Pages' tab (and before clicking 'Publish').
I do not see any page names changing after clicking 'System -> Repairs -> Repair' (although, if all is well, there should hopefully be no need to click 'Repair').

If you can reproduce a problem consistently, please post a list of steps (using the exact Showkase terms and button names) so that I can try to replicate the problem myself. Thank you.

Also, I'm not sure what you mean by the topic subject of 'uninstalling' but, if you install Showkase to a directory of its own, then you can uninstall Showkase by simply deleting that directory. Showkase stores all its files inside its own directory and does not use a database. Be careful if you install Showkase to your root directory as there may already be other files there which you might want to keep if you decide to uninstall Showkase.