General information about premium version

YITH WooCommerce Featured Audio & Video Content lets you add video and audio contents on any products of the shop, with the freedom to set one of these as featured.

If the plugin has been installed, you will find, in “Product Data” section of single products, the “Video” and “Audio” sections where you could add new elements.

Video and Audio section

Add video

To add a new video to a product page, click on the “Video” tab and select how to insert the video.

add new product

You can add a video through the downlaod WordPress gallery or through a different platform choosing from Youtube and Vimeo, choosing from one of the following options:
how to link a video

  1. Add the video ID
    ID
     
  2. Add the video URL
    URL
     
  3. Add embed code.
    Right click on the video and copy the embed code:
    embed codeThen, paste it into the dedicated text areaEmbed code
  4. Upload a video: this option lets you upload a video directly from the product page.
    upload

video title

Unless you set up videos as “featured”, they will all be shown right inside a slider, underneath the product gallery, like in the following image.

video title 2

All videos will open in a pop up window. For further details about video settings, please visit this page.

Add audio

The only way to add an audio file to a product is by integrating it from SoundCloud platform. After verifying the audio file is on the platform, click on the “Audio” tab you find in product settings and insert the “name” and “url” of file.

audio product

Each audio file inserted in the list, unless it has been set up “featured”, will be added in a slider in a specific gallery underneath images and videoes combined with the product.

product page

 

Variable products

For audio and video insertions in variable products, consider the following information.
In product general settings you can add audio and video contents like described for single products. The selected audio or video will be shown to users if no variation has been set up.

variable products

You can add a new video for each variation and it will be shown to users after selecting the related variation.

products variations
products variations

Select featured Audio or Video

To set up a video or audio content at the place of the shown image, select it in “Featured Video or Audio” field you find in product settings.

product page 2

featured video in product page
featured video in product page

Video settings

To change plugin general settings go to YIT Plugins -> Featured Video. Scroll page content to see all the options you can configure.

Right inside “Video settings” section you can change general settings related to video playing.

video settings

With the options shown in the image you can:

  • choose the display aspect ratio for video playing (16:9 or 4:3)
  • show or hide player panel for all Vimeo or Youtube videoe
  • enable autoplay function
  • enable loop video playing function
  • set the volume
  • allow users to stop videoes

All the other settings in the page allow to change configurations about some video components for Vimeo, Youtube and VideoJS. VideoJS is a player used for all video inserted through uploads in WordPress gallery.

vimeo and youtube settings

modal settings

Video and audio contents set up as “featured” can be played in a pop up window if you enable the relative fields right inside “Modal Settings” section of settings dashboard.

videojs player settings

 

Audio settings

In “Audio Settings” section you find settings about SoundCloud videoes.

Modal settings

 

Addons

In slider

If you use the plugin in combination with the premium version of YITH WooCommerce Zoom Magnifier, you can enable the option you’ll find in the “Addons” section: in this way, video and audio contents will be played in product gallery in place of the product image, and no longer in a pop up window.

addons

In sidebar

With the “Video and Audio in sidebar” option, you are able to add a widget with the video and/or audio. Go to Appearance -> Widgets -> add Featured Audio and Video widget.

sidebar