Scroll

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

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 additional 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

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. 7.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.

Buy Button

Using Buy Button Widget you can easily sell the products even if your template was not created for ecommerce initially.
8.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 Stroke Color;

  • Over Top Color

  • Over Bottom Color

Button_style.png

Have more questions? Submit a request

Comments

Powered by Zendesk