Knowledge base/ Typical Solutions, Users Guide/User's Guide

Widgets - Media Player, Music Player, Menus, Maps, Buy Button

Mathew Brown
posted this on November 24, 2011 21:05

Media Player Widget

Media Player Widget allows you to add video objects from the media library or YouTube videos to the website pages.

1. As any other module, it has the control panel at the right side of the screen while being selected.

media_player.png

 

The following settings are available within this module:

  • Controls face color;

  • Controls back color;

  • Progress bar color;

  • Loading bar color;

  • Item Corner Radius;

  • Item Border Width ;

  • Preload Widget (you can enable or disable this function);

  • Rotation (you can set the rotation angle);

  • Alpha;

  • Blend Mode (Normal, Darken, Multiply, Screen, etc.).

screenshot_000335.png

 

2. Switching to the Edit Widget, the Media Player module opens a control panel that displays all available settings that can be changed.

 

Moto_CMS_-_Mozilla_Firefox_2011-11-25_04-38-44.png

 

Also see our Video Tutorial about Media Player widget here.

 

Music Player

The Music Player widget plays music tracks in order specified in the control panel. This module has a number of addition parameters. Depending on the template you're using, visually it can be displayed either as a regular button “Sound on/off” or as a fully-functional player with a timer, controls (play, pause, stop), a scrollbar and volume. Since none of the elements is limited by an MP3 track only and may have its title, description, etc., this widget may turn into a Music Library on your website.

music_player3.png


1. Like any other widget, the Music Player might have its custom properties displayed on the right panel, when the widget is selected.

screenshot_000336.png


2. Switching to the Edit Widget, the Music Player module opens a control panel that displays all of the elements included. The order of the elements may be

changed manually by drag’n’drop. You may open and edit the properties of the element by clicking on it. The number and the types of the properties depend

on the widget and may vary. Their number is unlimited.

music_player1.png


3. Besides the module properties, the Music Player has an additional “Configuration” section in the Widget control panel. The following parameters may be

configured: auto load and play, repeat and default volume.

music_player2.png

 

 Also see our Video Tutorial about Music Player widget here.

 

Menus

Main menu is a widget within the Main menu of the website. Using this widget  you can create and edit the main menu, and add or remove menu items.

menu2.png


Like any other widget, Main menu has got its custom properties displayed on the right panel, when the widget is selected.

 

 screenshot_000337.png

Switching to the Edit Widget, Main menu opens a control panel that displays all the items and subitems included.

screenshot_000338.png

 

You can change the Label of the menu item, Click action, or remove the item.

 

Also see our Video Tutorial about Menu widget here.

 

 

Google Maps Widget

Google Maps Widget is the module that allows you to put Google maps on your website and mark some placements there.

maps.png


As any other module Google Maps Widget has the right panel of the properties. It allows you to change the properties, add effects or actions to the widget.

In Edit Widget you can change the placement of the marker, choose marker icon from Media Library, add title and description of you location, or remove item.

screenshot_000339.png


In Edit Widget you can change the placement of the marker, choose marker icon from Media Library, add title and description of you location, or remove item.


maps2.png


In the “Configuration” section you have to add API Map key and you may change the map description language (ENGLISH by default).


maps3.png


Also see our Video Tutorial about Google Map widget here.


Buy Button

Using Buy Button Widget you can easily sell the products even if your template was not created for ecommerce innitially.

buy_button.png


 

The following custom properties are available within the Widget:

  • Product Information;

  • Payment Settings;

  • Button Style.

properties.png

 

The following custom properties are available within the Product Information settings

  • product code;

  • price;

  • brand name

  • model name

  • short description (allows user add information about his product).

Product_Info.png

 

Configuring Payment Settings you'll be able to choose:

 

  • Payment Method - there are available the following methods:

    PayPal;

    Google Checkout;

    Robox;

    Email.

  • Currency;

  • And according to the Payment Method there would be suggested its preferences.

Payment_settings.png

 

You can customize your Buy Button as you wish as the following settings are available within Button Style property:

 

  • Button label;

  • Background style - you can set either image or color of the button background ;

  • Button Top Color;

  • Button Bottom Color;

  • Button Alpha;

  • Button Corner Radius;

  • Button Stroke Thickness

  • Button Sroke Coor;

  • Over Top Color

  • Over Bottom Color

Button_style.png