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.
The best effects and features of the Top 5 Products slider
The Top 5 Products slider showcases many amazing features of Smart Slider 3 Pro. The slides themselves were built using Content mode, Smart Slider 3’s unique way of editing. In Content mode you can build your content using structures, such as rows and columns. The building is fast and easy, and the responsive result is amazing.
Navigation
Probably the most noticeable part of the Top 5 Products slider is the gray CTA button 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 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.
Apart from the most visible way of navigation, touch screen users can go slide to slide by swiping. Additionally, the right bottom has a numeric bullet, which acts both as a navigation and as an indicator, that shows how many slides there are to see.
CTA that show product details
The right hand side of each slide is empty, which allows the visitor to enjoy the image, and get familiar with the product the slide is about. Clicking on the “Details” button fills this empty area with three boxes of product details.
Trendy effects
Top 5 Products slider uses a couple of trendy effects which are available in Smart Slider 3. One of these effects is the Ken Burns effect, which is a modern panning and zooming effect you can add to your images. The other 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.
Conclusion
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.
Core Web Vitals
PageSpeed Insights with Lighthouse analyzed this page on April 12, 2021. For the latest result analyze now!
