Black Friday Super Sale! 🔥 Enjoy a jaw-dropping discount of up to 50% OFF on all Smart Slider plans. Hurry, before the offer ends on November 29th!

Buy Now
Echo Harmony
Only this weekend
Echo harmony

Scelerisque massa ullamcorper elementum pellentesque lacus.

Nunc maecenas in mauris mattis amet tortor purus rhoncus amet. Purus risus ullamcorper blandit vestibulum leo. Sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

In magna neque molestie sit vulputate aliquam et vehicula purus. Vitae id tortor diam malesuada egestas risus rhoncus. Justo pretium id proin adipiscing aliquam. Laoreet arcu proin vulputate placerat arcu feugiat. Lorem faucibus ornare augue varius quis.

Add to cart
Velocity Stride
Only this weekend
Velociy Stride

Scelerisque massa ullamcorper elementum pellentesque lacus.

Nibh ut volutpat magna feugiat faucibus ultrices morbi. Id lobortis rhoncus lectus et viverra cras. Cursus mi urna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

Ipsum varius hendrerit vel in nulla mattis. Feugiat auctor consequat commodo pharetra urna ornare amet dictum nullam. Suscipit nibh est lacinia malesuada at malesuada dictumst sit nunc. Feugiat aliquet massa consequat sed arcu nibh. Pellentesque suspendisse.

Add to cart
Quantum Pro
Only this weekend
Quantum Pro

Scelerisque massa ullamcorper elementum pellentesque lacus.

Odio vivamus morbi platea at eu nisl in. Risus pulvinar mattis suspendisse ac diam neque sed arcu pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

Vulputate tempor risus erat id eu cras velit. Gravida felis metus est in. Vitae elit fermentum amet porttitor id in. Et fermentum quis volutpat est rhoncus sed senectus tristique pellentesque. A augue orci imperdiet aliquam enim aliquam nibh ut. Rhoncus laoreet eget.

Add to cart
previous arrow
next arrow

Black Friday Slider

💻 Settings | 🎓 Layers | 🎉 Animations | 🏗️ Layout | 📱 Responsive | Speed

Description: Get in the Black Friday spirit with our friendly WordPress slider template! It's your creative tool to share amazing deals and connect with your audience. Try it out today and make this shopping season extra special!

Premium: Gain access to all slider templates with a single purchase.

Minimum version:


Slider Settings

The Black Friday Slider’s Full Page layout is a perfect example of how you can easily catch your website visitors’ attention. There’s no wonder why it’s a popular design choice, as these sliders fill the full width and height of the browser. As a result, they provide a large enough space for a good first impression.

Full page slider settings in Smart Slider

Visitors can choose between two different options to browse the slider. They can navigate it by clicking on the arrows, shown on both sides of the slider. If you choose this option you’ll notice a nice hover effect. This makes the process of switching between the slides even more user-friendly.

On the other hand, some people prefer to move between slides by simply dragging them horizontally. The good thing is that this template works well for those users too.

You can easily adjust these settings to your unique preferences under the Size and Controls settings.


The Black Friday Slider mostly uses simple, basic layers. There are Heading, Text, and Image layers.

However, there are two special ones as well on each slide, creating the sale tapes at the bottom. They use an Image Area layer. What differentiates it from the simple Image layer is that an Image Area layer can cover a given area with the selected picture and can crop parts of the image if needed.

Image Area layer in the Black Friday Slider template.

You may have also noticed that some layers are more interactive than others, which is a result of a simple layer parallax added to them. You can adjust these settings at the Animations tab, then don’t forget to apply the Parallax value at the layer’s style tab.

Furthermore, you can notice that some Heading layers have a word inside them that’s customized differently than the rest. This outstanding effect is the result of the custom CSS they have. To achieve this look, add your special design to the Developer settings CSS section, then insert their classes on the containers in the style settings.

Custom CSS in Smart Slider.


There are some outstanding animations on the Black Friday Slider. You can see an incoming animation on most layers, which makes their entrance more eye-catching.

However, now let’s focus on those that don’t stop moving after all the layers are introduced. Both the Image Area layers and the sale percentage layer, which deliver the main message of the slider, use a loop animation to continuously remind the user of the special offer.

Loop animation in the Black Friday Slider template.

There’s another outstanding layer animation, the Reveal animation. It’s a perfect way to make your content stand out. In this template’s case, it’s strategically used to create FOMO in the user, by slowly revealing the limited-time offer.

On top of that, you may have noticed the unique design element at the top and bottom of the slider. Smart Slider allows you to divide your page with fully responsive Shape dividers giving a modern edge to your website. There’s a paper-like shape at the top and bottom of the slider, which connects it with the white sections around it.


Each of this template’s slides uses the same, simple layout. There’s a row containing two columns on each side of it. While the left column contains the text, the right one showcases the unique Image layers.

By default, Smart Slider places the images below the text on mobile view in this layout. However, you have the option to change the order of the columns, so you can easily adjust the arrangement if you’d prefer to show the images first.

Moreover, there’s also an interesting layout that you can find on the slider. The sale tapes are absolute layers. They are slightly rotated to create this realistic look of crossing over each other.

What’s more, is that they are aligned to the bottom and have their own custom size, which ensures that they fill the whole slider.


Smart Slider offers many great tools to optimize your slider for smaller screen sizes. One of the most commonly used features is the Font Resizer, which helps you to easily adjust your layers uniquely for each device’s screen.

Font Resizer feature in Smart Slider.

Another great option is the Hide on feature, which you can use on any layer of your choice. In some cases, like when you are using absolute layers, it can be especially useful to hide them in mobile view.

Similar Sliders
CosmeticsSplit SliderFull Page Video BlockTop 5 Products