How to add a close lightbox link in the WordPress lightbox popup

Product:

Wonder Lightbox

Tutorial:

In the lightbox created with Wonder Lightbox, there is a close button on the top right corner of the popup.

But in some cases, if you use the lightbox to open a div, you may want to add an extra close lightbox link to the div content, or you may want to add the link to the title if you open an image lightbox or video lightbox.
Continue reading

How to add a WordPress slider to the end of all posts in Genesis Framework

Genesis is a popular WordPress theme framework. This tutorial will guide you how to display a WordPress slider at the end of all WordPress posts in Genesis framework.

There are three steps in this tutorial:

  • Step 1 - Create a WordPress slider with Wonder Slider and copy the provided slider shortcode
  • Step 2 - Install Genesis Simple Hooks plugin
  • Step 3 - Add the slider shortcode to Genesis hook

Continue reading

How to autoplay muted Vimeo video on page load

Product:

Wonder Gallery

Tutorial:

Due to restrictions from web browsers, iOS and Android devices, video autoplay on page load will not work unless the video is muted.

This tutorial will guide you how to create a Vimeo video player that will be muted, and will autoplay on page load. We will also discuss how to loop the video.

Continue reading

How to add a Vertical WordPress Gallery to Elementor

Elementor is one of the most popular drag and drop WordPress page builders. This tutorial will guide you how to add a vertical WordPress Gallery to Elementor page builder.

There are three steps in this tutorial:

  • Step 1 - Install Wonder Gallery
  • Step 2 - Create a vertical WordPress gallery in Wonder Gallery
  • Step 3 - Add the vertical WordPress gallery to Elementor

Continue reading

How to Open Video Lightbox by Clicking a Button in WPBakery Page Builder

WPBakery Page Builder is a one of the most popular drag and drop WordPress visual editors. This tutorial will guide you how to open a video in lightbox by clicking a button in WPBakery Page Builder.

You can display YouTube, Vimeo, Wistia or HTML5 mp4 videos in the lightbox popup.

There are three steps in this tutorial:

  • Step 1 - Install Wonder Lightbox plugin
  • Step 2 - Add a button in WPBakery Page Builder and link it to your video
  • Step 3 - Enable lightbox effect for the button

Continue reading

MP3 Audio Player with Playlist for WPBakery Page Builder

WPBakery Page Builder is one of the most popular WordPress drag and drop page builders. This tutorial will guide you how to add an audio player with playlist to WPBakery Page Builder.

There are four steps in this tutorial:

  • Step 1 - Download and install Wonder Audio Player plugin
  • Step 2 - Create an audio player with playlist in Wonder Audio Player
  • Step 3 - Add the player shortcode to WPBakery Page Builder
  • Step 4 - Save and publish the post or page, test the player in the published post/page.

Continue reading

How to Add Quick View in WooCommerce

This tutorial will guide you how to add quick view buttons to the products in your WooCommerce store. You can add the button on top of the product image, show the button persistently or only on mouse hover. You can also add the button before or after the product name or the Add to Cart button.

When clicked, the quick view button will display the product details in a quick view lightbox. Customers can quickly view product details, check product options and add the product to the shopping cart via Ajax. If they want to go back shopping, they can simply close the lightbox or use the navigation arrows or products thumbnail carousel to navigate through other products.

Continue reading