Joomla 4 Smart Slider Extension Guide

Joomla 4 Smart Slider Title Image

Putting a slideshow on your website is a great way to let visitors go through a photo gallery while keeping your site layout elegant. Whether you’re an artist, a retailer, or just want to show off your vacation slideshows, sliders are the tool for the job. The popular Smart Slider extension has returned in Joomla 4 — read on for the highlights on the Joomla 4 Smart Slider extension.

Install the Joomla 4 Smart Slider

Smart Slider was updated to be Joomla 4 compatible back when Joomla 4 was still being tested. This means installation is straightforward.

  1. First, download the Joomla 4 Smart Slider extension from Smart Slider.
  2. You’re looking for a zip file with a name like or something similar. If the file has UNZIP_FIRST_ in front of the file name, you will need to unzip this zip file to get the other zip file you need.
  3. Once you find the appropriate ZIP file, leave the file zipped/compressed.
  4. In your Joomla 4 Home Dashboard, click on System.
  5. Under Install, click on Extensions.
  6. Be sure you are in the Upload Package File tab.
    joomla 4 smart slider upload package file
  7. Follow the onscreen instructions to upload the file by drag and drop or browse for the file that you downloaded above.
  8. You should see an Installation of the library was successful message and a tutorial video.
    joomla 4 smart slider installation successful

Try Out Smart Slider

By default, the free version of Smart Slider still has many useful features enabled. Slider breakpoints are automatically set to adjust to different screen widths and basic style attributes can be configured in Settings.
Joomla 4 Smart Slider Settings

Smart Slider 3 (the latest version) will be listed under Components in your Joomla Menu.
Joomla 4 smart slider components

Try out the sample slide deck by to get a feel for how to best design slides that fit your site and the images you want to display. Smart Slider is layer based, so you’ll be comfortable using it if you’re familiar with similar graphic design software.

Think of the Smart Slider listing under Components as where you go to edit your slide decks. To actually add a slide deck to one of your Joomla pages, add a Site Module by following the instructions below.

Add Smart Slider Slides to Your Page

  1. In your Joomla menu, click on the plus sign next to Site Modules under Content
    Joomla 4 site modules content
  2. In the listed Module Types, click on Smart Slider 3 Module
  3. Fill in the Title of this Smart Slider
    Joomla 4 Smart Slider title box
  4. Choose which of your available slideshows you wish to display
    Joomla 4 Smart Slider Choose Slides
  5. Be sure to choose a display position appropriate to your site
    Joomla 4 Smart Slider Position
  6. Click Save
    Joomla 4 Smart Slider Save
  7. If you return to your site’s public view, the slider will now be displayed in the chosen position
    Joomla 4 Smart Slider Installed on Site

Now you’re ready to customize your Joomla site with any type of slideshow you want to create!

Discover how InMotion Hosting's virtual private servers can deliver power and performance for your Joomla site with our reliable Joomla Hosting plans.
InMotion Hosting Contributor
InMotion Hosting Contributor Content Writer

InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!

More Articles by InMotion Hosting

Was this article helpful? Join the conversation!