Skip to main content

Change Widgettype

Now that we have published our new grid widget on the site, I think a slideshow is more appropriate, so let's make the grid widget a slideshow.

Configration

As a basis we use the previously created module and adjust the following parameters. First, of course, we change the widget from Grid to Slideshow.

aaaaand we're done. No, kidding but we are close.

Slideshow overlay to large

The slideshow is actually already set but the overlay is much too large, what is the reason for that? The basic settings are set accordingly. Check in the module settings the tab "Slideshow Layout" in the lower area you will find the options for the overlay.

Slideshow config

The overlay is set to be displayed on the right side with a 100% width. Let's leave the overlay on the right-bottom side and define slightly different widths for the respective viewports:

WidgetsBox Slideshow overlay set config

As you can see we have hidden some special settings ;-)  As a base we have defined that the overlay should not be displayed, this prevents that we just have a useless overlay on smartphones. Additionally, we have set the transition for the overlay to slide from right.

At this point a hint: you can get a dark overlay if you set the overlay design to overlay primary. - The layout can be different if you use a Yootheme Pro template and define the overlay colors differently.

And already we have turned the grid into a slideshow:

 Slideshow created with WidgetsBox for Joomla