MotoCMS 3

MotoCMS eCommerce

MotoCMS Blog


Welcome to our LiveChat! Please press "Start Chat" button to proceed

Start Chat

Widgets: Advanced

1. Advanced Image

2. Advanced Slider


Advanced Image

This widget allows you to use the "Advanced Imagewidget on your site’s pages. advancedimage1.png

The following features can be used for editing Advanced Image widget: "Image", "Alternative Hover Image", "Proportions", "Link To", "Icon", "Caption".

"Image" - provides a possibility to select any image from the Media Library.

"Title" - allows you to select the image's title. Used for SEO purposes.

"Alt Text" - if the possibility to preview images via browser is limited, visitors will see this text instead of the image. Used for SEO purposes.

"Alternative Hover Image" - an alternative image, appears when you hover the main image with a cursor. Also has "Title" and "Alt Text" features for the same purposes.

"Swap Effect" - has 2 main effects: Rotate and Blur.

"Rotate" - affects the rotation axis of the image: horizontally or vertically.

"Blur" - creates a blurry effect over the image until the alternative image appears.

"Proportions" - changes the proportions of the image: square, vertical rectangle, horizontal rectangle.

"Link To" - enable/disable redirect feature when visitors click on the image.

If you select the "Open In Lightbox" feature - you can set text and customize the appearance for the image description that opens in a lightbox.

"Icon" - places an icon from the list over the Normal or Hover image.

"Caption" - text description over the Normal or Hover image, where you can set various styles, redirect, etc.

"Full Width" - caption field covers the entire width of the image.

"Caption Position" - relocates caption (text) position to top, center, or bottom part of the Normal or Hover image.


"Transition Time" - the amount of time it takes to change the image from Normal to Hover state and vice versa.

"Icon Size" - changes the size of the icon over the image on various devices.

"Overlay Color" - enables the color effect over the image with various opacity (from 0% to 100%).

"Icon Color" - changes the color of your icon.

"Caption Background" - changes the background behind the caption (text) to improve its visibility.

"Effects" tab allows you to change Scale, Blur, Grayscale, and Opacity effects of the main image.

"Border" tab allows you to increase/decrease the corners of the Advanced Image widget.

"Shadow" creates a shadow effect for the Advanced Image widget and provides the following styles: X Offset, Y Offset, Blur, Spread, and Color.

Advanced Slider

This widget allows you to create sliding video galleries or fill Advanced Slider with slides, where the following content can be placed: Row, Text, Image, ButtonDivider and Space.

To add new slide press "Add" button.

You can edit your slide by pressing "Edit" button.

Various widgets can be placed into the area of the mentioned slide, meaning that you can create fully creative slides.

You can edit the background of your slide with the help of "Edit Background" button.

"Edit Background" popup allows you to change background color, image or set video items (.mp4 and .webm) to use video gallery.

If you use "Image" as the background of your slide, the following features will be available: "Image Size" (Original, Cover, Contain), "Image Tile" (Don't Repeat, Repeat, Repeat X, Repeat Y), "Position" to change the visible area of background image and "Fixed" if you wish to fixate your background image.

If you use "Video" as the background of your slide, "Loop" feature will appear instead of "Fixed" and video will play until you close the page or navigate to alternative pages.

"Content Width" feature allows you to select either 100% width for your Row widget (covers entire site's width) or use alternative width, which has two gaps on both left and right side.

"Side Indents" - this feature allows you to enable/disable small gaps on both left and right sides of the slide.

"Vertical Alignment" feature allows you to set the type of content alignment within the row columns. Available variants depend on the maximum column height, which affects the alignment of all other objects within the "Row".

"Enable Slideshow" feature allows you either enable or disable the Slideshow.

"Slide Duration" allows you to select the time when your gallery widget will switch slides (from 1 second up to 100 seconds).

If "Start Animation After Slide Switch" is enabled, animation will appear after a slide with its background has been loaded within the gallery. Otherwise, animation will appear simultaneously with the slide switching.

"Visible" feature can be enabled/disabled for your Slider's navigation arrows. You can also select on which devices they will appear.

"Slideshow Button" feature allows you to place a "Play" button in the bottom part of the slide to launch an automatic slideshow instead of selecting each slide manually. 

"Arrows" feature allows you to enable navigation arrows on both left and right parts of the slide to make navigation easier.

"Pagination" feature can be enabled/disabled for your Slider's pagination via the "Visible" feature (navigation icons in the middle bottom part of your widget).

You can also show/hide numbers of the images via the "Show Numbers" feature and edit the preview feature of the pagination for various devices using the "Visible On" feature.

"Preset" feature allows you to change the visual look of Advanced Slider widget.

Have more questions? Submit a request