Amazon Echo
#1 Amazon Echo
$89.00
$99.00

Echo is the voice-controlled Amazon assistant that turns words into actions. If you’re looking for the best Alexa smart speaker for music, queries, and smart-home control, the Amazon Echo is the one to get. It answers most questions, controls most smart-home devices, plays your music on request, and works with all Alexa platform updates.

#2 Apple Watch
From $399
Apple Watch
#2 Apple Watch Series 4
$399.00 - $499.00

Fundamentally redesigned and reengineered. The largest Apple Watch display yet. Built-in electrical heart sensor. New Digital Crown with haptic feedback. Low and high heart rate notifications. Fall detection and Emergency SOS. New Breathe watch faces. Automatic workout detection. New yoga and hiking workouts. Personalized coaching.

#3 Macbook Air
From $999
Macbook Air
#3 MacBook Air 13.3" Laptop
$999.00

The latest MacBook Air features a stunning Retina display with True Tone technology, Touch ID, the latest Apple-designed keyboard, and a Force Touch trackpad - all housed in a thin and light iconic wedge design made from 100 percent recycled aluminum.² And with 12-hour battery life, it's a do-it-all notebook that goes all day long.

#4 Google Home Mini
From $49
Google Home Mini
#4 Google - Home Mini
$49.00

Google Home Mini is powered by the Google Assistant, so you can ask it questions and tell it to do things. Just start with "Ok Google" to get answers from Google, tackle your day, enjoy your entertainment, and control your smart home. And when you ask for help, it can tell your voice from others for a more personalized experience.

#5 GoPro - Hero 7
From $300
GoPro
#5 GoPro - Hero 7 Action Camera
$300.00
$329.00

Film underwater scenes in 4K with this 12-megapixel GoPro Hero7 action camera. Its HyperSmooth stabilization feature lets you capture shake-free videos, and it withstands submersion up to 33 feet without a waterproof case. Stream captured videos from this rugged GoPro Hero7 action camera on Facebook via the companion app.

#1 Amazon Echo
From $89

Top 5 Products

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

Description: Have you ever wanted to use a full page slider to showcase your products? Check out our Top 5 Products slider to get inspired!

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

Minimum version: 3.5.0.0

Tags:

Settings

Top 5 Products slider is a modern slider for your website to highlight your products or services. It uses just the right amount of effects to make it interesting for the visitor.

There are more ways which you can navigate between the slides. You can click on the arrow image on the bottom which goes to the next slide with a link action. You can drag and you can use the number type bullets on the bottom right corner. These bullets are fully customized for this layout, but you can also customize it at the style and font settings by clicking on the green buttons at the Slider settings → Controls.

Number type bullet

Layers

There are more kinds of layers visible on this slider: there is a button on the top, then heading and text layers come, and under that you can see 2 button layers. Probably the most noticeable part of the Top 5 Products slider is the gray CTA at the bottom. This large CTA stands out of the other content of the slide. Additionally, it also gives an idea about the upcoming slide content. People are more likely to click on a button, when they are fairly certain what to expect afterwards. So this CTA helps to increase your click through rate.

Layer list of the product slider

Animations

Top 5 Products slider uses a couple of trendy effects which are available in Smart Slider 3. A really cool effect is the “slice” background animation. This effect looks like the reveal layer animations, but it affects the slide background images instead of the layers.

Background animation

Layout

The Top 5 Products slider showcases many amazing features of Smart Slider 3 Pro. The slides themselves were built using default positioning, Smart Slider 3’s unique way of editing. In default position you can build your content using structures, such as rows and columns. The building is fast and easy, and the responsive result is amazing.

Using a full page slider is a popular design choice amongst website designers. A full page slider fills the whole browser viewport both vertically and horizontally, and the result is amazing. Full page sliders are really versatile. You can actually use them to fulfill any purpose, such being a hero header, or part of a landing page. The Top 5 Products slider you can see above is just as versatile as any other full page slider.

Responsive

The slider has lots of content on the desktop, but if you display all of these on smaller views, then the slider will be too tall, and crowded. To avoid this you can hide layers which content isn’t too important, like the content of the next slide, instead of that the arrow is bigger, and more touchable.

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on April 12, 2021. For the latest result analyze now!

99

Desktop

First Contentful Paint
0.4 s
Speed Index
0.8 s
Largest Contentful Paint
0.9 s
Time to Interactive
0.6 s
Total Blocking Time
30 ms
Cumulative Layout Shift
0.049
94

Mobile

First Contentful Paint
1.3 s
Speed Index
1.8 s
Largest Contentful Paint
2.9 s
Time to Interactive
2.7 s
Total Blocking Time
230 ms
Cumulative Layout Shift
0

Related Post: What is a Full Page Slider and How to Use it?

Related Post: Do you Need a Product Slider for your Webshop? Yes, you do!


Similar Sliders -

Product ShowcaseBoxed Product CarouselProduct SliderCosmetics