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.

  • Explore recent works

    Explore recent works

    Adding new features. Working to help your section business grow.
  • Explore recent works

    Explore recent works

    Adding new features. Working to help your section business grow.
  • Explore recent works

    Explore recent works

    Adding new features. Working to help your section business grow.
  • Explore recent works

    Explore recent works

    Adding new features. Working to help your section business grow.
  • Explore recent works

    Explore recent works

    Adding new features. Working to help your section business grow.

    Multiple Sidenav Position

    • Explore recent works

      Explore recent works

      Adding new features. Working to help your section business grow.
    • Explore recent works

      Explore recent works

      Adding new features. Working to help your section business grow.
    • Explore recent works

      Explore recent works

      Adding new features. Working to help your section business grow.
    • Explore recent works

      Explore recent works

      Adding new features. Working to help your section business grow.
    • Explore recent works

      Explore recent works

      Adding new features. Working to help your section business grow.

      01 Column

      • Explore recent works

        Explore recent works

      • Explore recent works

        Explore recent works

      • Explore recent works

        Explore recent works

      • Explore recent works

        Explore recent works

      • Explore recent works

        Explore recent works

        02 Column

        • Explore recent works

          Explore recent works

        • Explore recent works

          Explore recent works

        • Explore recent works

          Explore recent works

        • Explore recent works

          Explore recent works

        • Explore recent works

          Explore recent works

          03 Columns

          • Item 1

            Item 1

          • Item 2

            Item 2

          • Item 3

            Item 3

          • Item 4

            Item 4

          • Item 5

            Item 5

            04 Columns

            • Item 1

              Item 1

            • Item 2

              Item 2

            • Item 3

              Item 3

            • Item 4

              Item 4

            • Item 5

              Item 5

              05 Columns

              • Title

                Title

              • Title

                Title

              • Title

                Title

              • Title

                Title

              • Title

                Title

              • Title

                Title

                06 Columns

                  Link Type: Button

                  • Item

                    Item

                    Adding new features. Working to help your section business grow.
                  • Item

                    Item

                    Adding new features. Working to help your section business grow.
                  • Item

                    Item

                    Adding new features. Working to help your section business grow.
                  • Item

                    Item

                    Adding new features. Working to help your section business grow.
                  • Item

                    Item

                    Adding new features. Working to help your section business grow.

                    Link Type: Title

                    • Item

                      Item

                      Adding new features. Working to help your section business grow.
                    • Item

                      Item

                      Adding new features. Working to help your section business grow.
                    • Item

                      Item

                      Adding new features. Working to help your section business grow.
                    • Item

                      Item

                      Adding new features. Working to help your section business grow.
                    • Item

                      Item

                      Adding new features. Working to help your section business grow.

                      Larger Style (Auto Width Mode)

                      • Explore recent worksExplore recent works

                        Explore recent works

                      • Explore recent worksExplore recent works

                        Explore recent works

                      • Explore recent worksExplore recent works

                        Explore recent works

                      • Explore recent worksExplore recent works

                        Explore recent works

                      • Explore recent worksExplore recent works

                        Explore recent works

                        Disable overlay on hover (Caption mode)

                        • Item

                          Item

                        • Item

                          Item

                        • Item

                          Item

                        • Item

                          Item

                        • Item

                          Item

                          Disable overlay on hover (Cover mode)

                          • Item

                            Item

                          • Item

                            Item

                          • Item

                            Item

                          • Item

                            Item

                          • Item

                            Item

                            Outside sidenav

                            • Image Alt
                            • Image Alt
                            • Image Alt
                            • Image Alt
                            • Image Alt

                              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