Recently Asked Questions and WordPress Tutorials
Question:
The portfolio grid plugin looks amazing but I was wondering if alongside video and images if there is the ability to link to pages or posts?
Answer:
Yes, you can.
You can copy the URL link of your page or post, then in WonderPlugin Portfolio plugin, when adding an image, enter the URL link to the "click to open web link" field.
Product:
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.
Product:
Question:
It isn't possible to have two different texts?
One that is long and works in "big screens" and one that works on phones etc?
Answer:
In your title, you can try to enter HTML code like following:
<span class="largescreen">This title is for large screen</span><span class="smallscreen">This title is for small screen</span>
Then in the plugin, step 3, Options tab, Advanced Options, enter the following text to the Custom CSS box:
.largescreen {
display: block;
}
.smallscreen {
display: none;
}
@media (max-width: 640px) {
.largescreen {
display: none;
}
.smallscreen {
display: block;
}
}
The above CSS code will hide the text of class largescreen and show the text of class smallscreen when the screen width is less than 640px.
Product:
Question:
I have some tabs in my homepage. When I tried it on an iPad whenever I tried to switch between tabs the content from the previous tab stayed there no matter what I did.
Answer:
I checked your webpage. It's not all contents from previous tabs. It's just the YouTube video iframe always stays on the top.
Currently, your iframe video code is as following:
<iframe width="560" height="315" src="https://www.youtube.com/embed/_mMKNw_Mlxs" frameborder="0" allowfullscreen></iframe>
To fix the problem, please add ?wmode=transparent to the end of the YouTube URL. For example:
<iframe width="560" height="315" src="https://www.youtube.com/embed/_mMKNw_Mlxs?wmode=transparent" frameborder="0" allowfullscreen></iframe>
Product:
Question:
Is there anyway I can have the callback from every click on carousel item?
I want to trigger something after every click on carousel item.
Please advice.
Answer:
The carousel itself does not have an event.
But you can directly add click event to the items. For example:
jQuery(document).ready(function() {
jQuery(".amazingcarousel-image img").click(function() {
console.log("image clicked ");
});
jQuery(".amazingcarousel-hover-effect").click(function() {
console.log("hover effect image clicked");
});
});
The first code adds click event to the images, the second code adds click event to the hover effect image.
Product:
Question:
Is there a way to include the artist name, as well as the track title, in the playlist?
Answer:
In step 3, Options tab, click Advanced Options tab, then enter the following text to the Advanced Options box:
data-tracklistitemformat="%ID%. %ARTIST% - %TITLE% <span style='position:absolute;top:0;right:0;'>%DURATION%</span>"
Product:
Question:
I wonder how could I play a Shoutcast audio streaming with Wonder Audio Player? I tried to enter the address of the .pls file to the plugin, but it's not playing.
Answer:
For full instructions of how to create a Shoutcast live streaming player in WordPress, please view the tutorial: How to create a WordPress Shoutcast player.
The .pls file is actually a text file that contains a link or links to the audio streaming. You need to open the .pls file with a text editor, find the streaming URL and directly enter the streaming URL to the plugin.
If the streaming URL has a format like:
http://IP:port
You need to add a suffix ;&type=mp3 and enter the following URL to the plugin:
http://IP:port/;&type=mp3
Then in the plugin, step 1, Add Audio dialog, you can enter the streaming URL to the Mp3 URL box and check the option "This is a live streaming".
You can view the tutorials on the page:
Product:
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
Product
Question:
Our client is wanting to link an icon that pops-up a Lightbox gallery. Is this possible with your product WonderPlugin Lightbox?
Let me see if I can explain it in more detail.
The client wants on of the logos to open up a Lightbox and that Lightbox have a Gallery of images from that station. These gallery images or thumbnails would not be displayed on that page, just shown when in the Gallery Lightbox.
Do you know if this is possible with your lighbox plugin?
Answer:
You can do it with WonderPlugin Lightbox. With WonderPlugin Lightbox, you need to enter the HTML code manually.
Here is the demo:
The code is as following:
<a href="https://www.wonderplugin.com/wp-content/uploads/2013/12/Island_1024.jpg" class="wplightbox" data-group="mygallery" data-thumbnail="https://www.wonderplugin.com/wp-content/uploads/2013/12/Island_1024-150x150.jpg"><img src="https://www.wonderplugin.com/wp-content/uploads/2013/12/Island_1024-150x150.jpg"></a> <a href="https://www.wonderplugin.com/wp-content/uploads/2013/12/Dark_Beach_1024.jpg" class="wplightbox" data-group="mygallery" data-thumbnail="https://www.wonderplugin.com/wp-content/uploads/2013/12/Dark_Beach_1024-150x150.jpg" style="display:none;"></a> <a href="https://www.wonderplugin.com/wp-content/uploads/2013/12/Desert_1024.jpg" class="wplightbox" data-group="mygallery" data-thumbnail="https://www.wonderplugin.com/wp-content/uploads/2013/12/Desert_1024-150x150.jpg" style="display:none;"></a> <a href="https://www.wonderplugin.com/wp-content/uploads/2013/12/Evening_1024.jpg" class="wplightbox" data-group="mygallery" data-thumbnail="https://www.wonderplugin.com/wp-content/uploads/2013/12/Evening_1024-150x150.jpg"style="display:none;"></a>
In the above code, the first line adds an image to the web page which links to one image in the Lightbox gallery.
The following three lines, we created three hidden links by using css style display:none. Since these three links are hidden, they won't display on the webpage. They will only work for the popup Lightbox.
For all links, we added class="wplightbox" and adds the same data group value data-group="mygallery".
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?
