MotoCMS 3

MotoCMS eCommerce

MotoCMS Blog


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

Start Chat

Widget: Advanced Image

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


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.


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


This widget belongs to the Advanced widget category. Check out the other widgets in this category at the following link: Advanced Slider, Advanced Contact Form.

Have more questions? Submit a request