Categories

Featured templates

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

Andre Flores September 9, 2015
Rating: 5.0/5. From 2 votes.
Please wait...

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

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

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

joomla3.x_how_to_work_with_module_video_block_module_1

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:

    joomla3.x_how_to_work_with_module_video_block_module_2
  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:

    joomla3.x_how_to_work_with_module_video_block_module_3
  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:

    joomla3.x_how_to_work_with_module_video_block_module_4
  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/ :

joomla3.x_how_to_work_with_module_video_block_module_5

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:

joomla3.x_how_to_work_with_module_video_block_module_6

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:

joomla3.x_how_to_work_with_module_video_block_module_7

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:

joomla3.x_how_to_work_with_module_video_block_module_8

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:

VirtueMart 3.x. How to work with Module Video Block module
This entry was posted in VirtueMart Tutorials and tagged block, module, video, viertuemart. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket