Change thumbnail, title and description in WonderPlugin Gallery Showcase Skin

Product:

WonderPlugin Gallery

Question:

I’v just installed and set your Wonder Plugin Gallery commercial version5.4C.
I decided to use Showcase type with Playlist.
I want to enlarge the font-size of the title and desicription in playlist area.
And if possible, I want to enlarge the size of eye-catch image.
I tried to add CSS option, but not changed.
Please help me to change font-size and eye-catch image in playlist area.

Answer:

In the plugin, step 3, Options tab, Advanced Options, you can enter the following text to the Advanced Options box:

data-carouselheight=400
data-thumbheight=120
data-thumbtitlecss="{text-align:left; color:#ffffff; font-size:24px; line-height:24px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; padding: 6px 0;}"
data-thumbdescriptioncss="{font-size:16px;}"

The first line changes the total height of the playlist. The following three lines change the size of the thumbnail image, the title and description CSS in the playlist.

Link to a specific video in WordPress Video Gallery

Product:

WonderPlugin Gallery

Question:

Great plugin first off! Love it. We are using the media skin and everything works great. We have about 20 videos in the gallery. The question is, we have links to videos from other pages but it doesn’t load that specific video and so the users have to find the video. Is it possible to properly form the link so it loads the video or is this not possible?

Answer:

You can use a URL parameter html5galleryid to specify a slide on page loading.

The parameter starts from 0. For example, the following URL will load the third slide on page loading:

https://www.wonderplugin.com/wordpress-gallery/?html5galleryid=2

Jump to a specified position in WordPress Gallery Media Page Skin

Product:

WonderPlugin Gallery 4.6 or above

Question:

I am using WonderPlugin Gallery, the Media page skin.

Currently, when clicking on a thumbnail, the page will jump to the top of the gallery.

I wonder is there a way to jump to a specified position rather than the top of the gallery?

Continue reading

Highlight the active thumbnail in WordPress Gallery Plugin

Product: WordPress Gallery Plugin

Question

My clients purchased the commercial version of your plugin on my request and would now like to implement some adjustments if that is possible.

We would like to be able to highlight the active thumbnail using a green colour. We are using the "Media page" skin.

With the present settings it is very hard for visitors to see which thumbnail is active in the gallery. Is there CSS code or additional code that needs to be added to the Advanced Options of the plugin so that this can be accomplished? Can you provide the additional code required to make this possible.

Answer

In step 3, Options tab, Advanced Options, enter the following text to the Advanced Options field:

data-thumbimageborder="4"
data-thumbimagebordercolor="#ffffff"
data-thumbunselectedimagebordercolor="#00ff00"

Continue reading

Callback from WonderPlugin Gallery when a video is changed

Question:

* This question is for WonderPlugin Gallery Plugin.

I’d like to know if there is a way to get a call back from WonderPlugin when a video is changed in the gallery, this is to show related content to that specific video within the playlist.

Answer:

There are two events you can use:

onchange: The event will be be fired on changing the slide.
onvideoend: The event will be be fired when the video playing ends.

To use the events, firstly, you need to define a JavaScript function in your webpage, for example:

<script language="JavaScript">
    function onSlideChange(data) {
        try {
           console.log(data);
        } catch (error)   {}
    }
    function onVideoEnd(data) {
        try {
           console.log(data);
        } catch (error)   {}
    }
</script>

In the above code, data is the data array of current slide object, the definition is [index, Thumbnail address, File address, File address for video ogg file, Fire address for video webm file, Link address, Link target, Title, Description, Media type, Width, Height, Address for video poster image, Address for HD video, Address for HD Ogg file, Address for HD webm file].

Then in the plugin, Step 3, Options tab, Advanced Options, enter:

data-onchange="onSlideChange"
data-onvideoend="onVideoEnd"

Show the carousel above the gallery

Question:

I've just found out about your Photo & Video Gallery recently and I absolutely love it. I'm considering buying the commercial licence but before I do, I want to check with you about a feature that I can't figure out.

I am using the skin Gallery. In Gallery Options, there's a 'Show Thumbnail Carousel" checkbox, which only shows the carousel below the main display. I would love to have the carousel above it, but I don't see an option for that. Is this possible at all, perhaps through CSS? Thanks for your help and looking forward to hearing from you.

Continue reading

Edit Titles of Video in WordPress Video Gallery

Questions:

Hello,

we have a small problem with your plugin.

All titles of our added YouTube videos are not showing in the
gallery on the website.

It shows the title of the picture file of the chosen video and not
the title that we put in the WordPress backend on "title".

Answer:

In the plugin, Step 1, Images & Videos tab, when you add/edit the video, you can edit the title to whatever you like.

edit-video-title

Change title font size of WordPress Gallery

Question:

I am working for my client to build a WP site and they have purchased the Wonderplugin Video Gallery Commercial plugin. I have activated it and want to reduce the text size in the Title. I have attached a screengrab to this email, as the site is on a test site and cannot be viewed by anyone but me yet. Can you please let me know what to do?

Answer:

In Step 3, Options tab, click Advanced Options button, then enter the following text to the Advanced Options field:

data-titlecss="{color:#ffffff; font-size:12px; font-family:Armata, sans-serif, Arial; overflow:hidden; white-space:normal; text-align:left; padding:10px 0px;}"
data-descriptioncss="{color:#ffffff; font-size:10px; font-family:Armata, sans-serif, Arial; overflow:hidden; white-space:normal; text-align:left; padding:0px 0px 10px 0px;}"

A demo is as following:

Multiple jQuery loaded in WordPress

Question:

I have a website in progress, I used Wonderplugin for WordPress and as I came across on the development, I cannot get it working.

I already uploaded images and configured everything on WordPress.

I also copied the shortcode to the php page that I am working on. But the carousel does not show up.

Answer:

Normally this problem is because there are multiple jQuery files added to your WordPress.

You can view the HTML source code of your webpage, and check how many jQuery are added in your website.

In Google Chrome, you can view the HTML source code with menu View -> Developer -> View Source, then search text "jquery" in the source code.

There should be only one jQuery in the webpage, which is added by the WordPress system.

Some plugins add their own jQuery to the website, and this is not correct.

A plugin should always use the system installed jQuery, and the js files added from a plugin will be added after the system jQuery.

A jQuery will destroy all other jQuery functions that are added before it. So if a plugin adds its own jQuery, it may destroy other jQuery functions.

To fix the issue:

In the plugin, Setting menu, you can try to check the option "Add slider js scripts to the footer". This option will place the plugin js file to the footer and will fix the problem in most cases.

If the above option is not working, you can try to disable all other plugins and see whether the WonderPlugin works. If it works, you can then enable the plugins one by one, and find the plugin that causes the problem.

If WonderPlugin is still not working after you have disabled all other plugins, then the extra jQuery may have been added manually to the theme or the page, you need to find the code and remove it.