Slider add-on

The best slider addon to create a responsive carousel slider.

With the advanced settings for the slider you’re sure to achieve what you’re looking for.

Multiple Sidenav Position

01 Column

02 Column

03 Columns

04 Columns

05 Columns

06 Columns

Link Type: Button

Link Type: Title

Larger Style (Auto Width Mode)

Disable overlay on hover (Caption mode)

Disable overlay on hover (Cover mode)

Outside sidenav

Content Fields

Here is a list of common content fields for Slider add-on.

Setting Description
Image An image field with an image picker.
Image ALT Insert Alt text, which is an important for SEO purposes and part of making a site accessible.
Title A text field used for title.
Meta A text field used for meta.
Content A text field for the main text blocks.
Custom link A text field used for custom link slider item

Column Settings

Columns control the grid layout of your content.

Setting Description
Phone Portrait/Phone Landscape/Tablet Landscape/Desktop/Large Screens Set the number of grid columns for each breakpoint. Inherit refers to the number of columns on the next smaller screen size.

Learn more about navigation settings and how to use the settings.

Setting Description
Navigation Display Select the navigation type, show or hide navigation control.
Position Select the position of the navigation.
Margin Apply a margin between the navigation and the slider container.
Breakpoint Display the navigation only on this device width and larger.
Color Set light or dark color if the navigation is below the slideshow.

Slidenav Settings

Learn more about slidenav settings and how to use the settings.

Setting Description
Position Select the position of the slidenav.
Margin Apply a margin between the slidnav and the slideshow container.
Breakpoint Display the navigation only on this device width and larger.
Color Set light or dark color for the slidenav.

General Settings

General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

Setting Description
Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
Remove top margin. Use this option to remove the add-on's top margin
Remove bottom margin. Use this option to remove the add-on's bottom margin
Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
Alignment This option specifies the alignment of an add-on according to the surrounding element
Text Breakpoint Define the device width from which the alignment will apply.
Visibility Define when the add-on should be hidden.
CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.

Information

Joomla! name is used under a limited license from Open Source Matters in the United States and other countries. WarpTheme.com is not affiliated with or endorsed by Open Source Matters or the Joomla! project