VirtueMart 3.x. How to work with Module Video Block module

Hello! This video tutorial shows how to work with Module Video Block module in Joomla 3.x templates.

You may have the video block on your site front-end which you will definitely want to edit:

Let’s learn how to do this.

The tutorial assumes you are already logged into your Joomla administration panel.

1. Navigate to Extensions ->Module Manager tab:

   

2. On the right hand side of the appeared page click on the items counter button and choose “All” option to have all the modules available displayed on the page:

   

3. Now that all the modules are visible on the page, use the CTRL+F/CMND+F key (Windows OS/Mac OS) to search for “Module Video Block” text:

   

4. Now, click on the module title to open it for editing.

The Module Video Block module interface is now opened in front of you.

You can see the following options on the left of the module editing page: Video Selector, Video path, Video files name and Select a class suffix.

Video selector is the video class/ID.

The Video path is the path to the folder which contains the video you would like to use. The path should be relative to the theme directory, e.g. images/media/ :

Make sure there is forward slash (“/”) at the end of the path.

You should also fill in the Video files name field by specifying the video files name. It says “files” since you must have the video in three formats (.mp4, .ogv and .webm), as well as images in three formats (.gif, .jpg and .png), all of them uploaded to the directory on the server that is specified in the Video path field.

You may also set the class suffix in the Select a class suffix field (it is optional) in case you would like to apply some CSS rules to this specific video block module.

On the right hand side of the module editing interface you can also see standard Joomla modules options.

Make sure the module is published and assigned to specific position to make it displayed on the page:

By the way, in order to specify the page/pages the video module will appear on, navigate to Menu Assignment tab and choose menus from the available options:

Navigate to Advanced tab and set the desired options there if needed. A small tip: hover module options titles to have a tooltip appeared, it will give you a slight idea on what each option allows you to do:

This is the end of the tutorial, yoi have learnt how to work with Module Video Block module in your Joomla 3.x. template.

Feel free to check the detailed video tutorial below: