How to display a WooCommerce downloadable product in a lightbox popup after purchase

Product:

Wonder Lightbox

Tutorial:

In WooCommerce, you have the option to sell digital products, like PDF ebooks or images. Once customers make a purchase, they can directly download the PDF or image file from their account dashboard.

In certain situations, rather than initiating a direct download upon clicking the download button, you might prefer to display the PDF file or image file directly in a lightbox popup.

This tutorial will provide guidance on implementing this approach.

Continue reading

Open a video lightbox popup on page load and autoplay then close the popup automatically on video end

Product:

Wonder Lightbox

Tutorial:

This tutorial will guide you on how to open a video lightbox popup upon page load, play the video, and then automatically close the popup after the video has finished playing.

At the end of the tutorial, it will also discuss how to redirect to a URL when the lightbox closes.

Continue reading

How to add extra buttons to control a WordPress audio player on the same webpage

This tutorial will guide you how to add your own buttons to play/pause/rewind/fast forward a WordPress audio player created with the plugin Wonder Audio Player.

If the audio player has a playlist, the tutorial will also guide you how to add buttons to play a specific song in the playlist or switch to the previous or next song.

There are two steps in this tutorial:

  • Step 1 - Create an audio player with Wonder Audio Player plugin
  • Step 2 - Add buttons with inline JavaScript to control the audio player
  • Optional - Use custom JavaScript to control the audio player

Continue reading

How to Stop Safari from Automatically Unzipping Downloaded ZIP Files

WordPress plugins are typically distributed in compressed ZIP file format. If you are using Safari on a Mac computer, you might notice that after clicking the download link, instead of receiving a .zip file, you get a folder. This can make it impossible to upload the plugin to your WordPress dashboard.

This issue occurs because Safari automatically unzips downloaded ZIP files. To resolve this, you can either use a different web browser, such as Google Chrome or Mozilla Firefox, to download the plugin file, or you can configure Safari to stop automatically unzipping downloaded ZIP files.

Continue reading

How to dynamically add or remove images and videos in a WordPress gallery using JavaScript

Product:

Wonder Gallery

Level:

Advanced

Tutorial:

You can use the Wonder Gallery plugin to easily create images and videos for your WordPress website. This tutorial will guide you on how to dynamically change the images and videos in the gallery using JavaScript.

Continue reading

How to display single button WordPress audio players and text in one line

Product:

Wonder Audio Player

Tutorial:

You can use the Wonder Audio Player plugin to create a single button WordPress Audio Player, and you may want to display the audio player and text in one line.

This seems like an easy task, but in fact, it's quite difficult. The reason is that text is normally added to the webpage as a paragraph <P></P>, whereas the audio players are rendered as DIV blocks <DIV></DIV>, and a paragraph cannot contain block-level elements. If you simply add them to one line, they will break into multiple lines on the front page.
Continue reading