Slide 4

Apr 28, 2018 by Tullia Tomasini

How To Create A Morning Routine That Will Make You Thrive

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Slide 5

Apr 29, 2018 by Letizia Biafore

National Donut Day in 2018

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Slide 1

May 2, 2018 by Delinda Cammarata

Basics of Map Reading for Beginners

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Slide 2

May 7, 2018 by Tullia Tomasini

Most Beautiful Rice Field Terraces

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Slide 3

May 16, 2018 by James Wright

Home Made Raspberry Syrup

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Post Slider Showcase

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

Description: With a Showcase slider you can display many slides at once, and it keeps the active slide in the middle which the visitor can focus on.

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

Minimum version: 3.5.0.0

Tags:

Settings

The Showcase slider is another special slider which is easy to create with Smart Slider 3 Pro. Like a WordPress Carousel, it can display many slides at once and that’s great to show your posts. The biggest advantage of the Showcase slider is that it keeps one slide in the middle. This helps the visitor focus on one post at a time while they also learn that there is more content to see. In a carousel slider the number of sliders you can see depends on the space there is in the pane, but the showcase slider type can even show a part of the next and the previous slider.

If you want to use this demo slider as a dynamic slider, you can follow our documentation. First you should import this template, and click on the slide what you want to use, and copy it. Then you can create a dynamic slide, and set the dynamic generator. Finally you can paste the copied slide, and you can replace the layers’ content with variables, and they will change dynamically. You can replace the date, the author, the title and a short description of the post, also you can put the link of the article on the heading layer.

Layers

Each slide contains 2 text layers and a heading in the middle. These layers are under each other in a one row one column structure. The content layer has 650px maximum width which limits the width of the layers, too.

Layers in the slider

Animations

The showcase slider switches their slides horizontally. The previous and next slides have 50% opacity, so you can focus on the slide in the middle. If you click on the next or previous slides, you can switch slides, and if you have enough slides in your slider, you can make a continuous circle, so after the last slide the first will come.

Settings of the showcase slider

Layout

Clicking on a not active slide, the slider switches to that slide so the visitor can check its content. This is a nice and convenient way to encourage the visitor to check more slides and posts. Besides, there is an option at the showcase type sliders that you can reduce the space between the slides if you set the slide distance to 0. And you can customize the active slide, the previous and next slides as well. There is an option to change their opacity, or you can rotate or scale them.

Responsive

All of the layers are visible on smaller devices, but they are a bit smaller. You can change the font sizes with the text scale option which is a device specific setting, so you can set it on each device differently.

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.3 s
Speed Index
0.6 s
Largest Contentful Paint
1 s
Time to Interactive
0.3 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0.002
93

Mobile

First Contentful Paint
0.9 s
Speed Index
1.6 s
Largest Contentful Paint
3.3 s
Time to Interactive
2.2 s
Total Blocking Time
10 ms
Cumulative Layout Shift
0

Related Post: Enrich your Blog with a Post Slider

Related Post: 12 Beautiful Full Width Slider Examples


Similar Sliders -

WordPress Post Slider with ThumbnailsPost CarouselWordPress Post Slider CarouselFull-width Post Slider