Black Friday Sale! We are excited to offer a discount of 30% on every Smart Slider plans. Get yours until 29th November!

Buy Now
Interior 5
05

Bathroom interior design - Ut dictum velit purus ut donec magna tempor porta commodo. Amet a metus.

Interior 6
06

Children room for Steffi - VAc, felis in suscipit velit a ut rutrum placerat varius. Quis massa eu a sapien eget.

Interior 7
07

Dark living room with armchair - Enim aliquam rhoncus nunc felis tincidunt faucibus eleifend. Nulla vel in amet.

Interior 1
01

Scandinavian living room - Amet porttitor id at convallis amet, bibendum elementum. Erat lacus, donec amet sed turpis aliquet.

Interior 2
02

Modern dark blue kitchen - Nibh enim curabitur sem nisl semper. Tristique lectus turpis est mi. Sit lectus odio mauris.

Interior 3
03

Modern dining room - Quis aliquam habitasse lectus sed sit urna sagittis. Sed vel tristique pharetra adipiscing.

Interior 4
04

Minimal bedroom - Diam tristique eget cursus et diam quisque eros, vulputate. Tempor aliquam leo id cras.

Interior Showcase

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

Description: Presenting interior designs can be challenging, but the Interior Showcase can make the job easier for you. Your visitors will appreciate the minimalistic design and simplicity it offers.

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

Minimum version: 3.5.1.7

Tags:


💡 Best features in this slider
  1. Text layer, hidden on mobile
  2. Custom navigation using Link actions
  3. Shape divider
  4. Bullet navigation

Slider Settings

The Interior Showcase template displays more slides next to each other. The showcase slider type which is the base of the slider can display an odd number of slides together. But it always keeps the active slide in the middle. This helps the visitor focus on the primary slide and also see that there are other slides which they can check.

The extra slides displaying next to the middle one can be used for navigation. Clicking on any of these slides makes the clicked slide appear in the middle. Apart from these slides, each individual slide contains navigational arrows to switch forward or backward. Additionally, you can switch slides by dragging or swiping.

There’s also a bullet navigation at the bottom of the slider. Bullets are great way to indicate how many slides there are to see and you can also use them for navigation. The bullets show the slide that has the number 1 on it in the middle. This happens because the starting slide is actually the one in the middle of the slider that was set to be the first slide.

The 4th slide (marked with a star) was set as first

Layers

The Interior Showcase slider uses simple layers to display the content. It has a heading, a text, two image and a button layer. The image layers create the forward and backward navigation using Link actions. While the other layers provide the textual content of the slide.

Animations

Although Smart Slider has many great animations, such as layer animations or parallax effect, we choose to keep this template simple. For this reason, the only special effect it has is the Shape Divider at the bottom of the slider.

Layout

The Interior Showcase slider uses a simple layout, but it still looks special. It’s content it placed at the top and bottom of the slide. How to achieve such look? Well, you need a row where the Stretch option is enabled. The Stretch makes the row fill up the whole slide vertically, so it can push the content above it to the top of the slide. Then inside the row’s column the content is Vertically aligned to the bottom.

Vertical align on the column

Responsive

Smart Slider is a responsive slider that offers many great features to make your slides look perfect on small screens. For example, you can adjust font sizes to make the texts easier to read on small screens. Additionally, you can hide layers that are less important to save space on your slider. At the Interior Showcase template we hid the button and the text layer on mobile.

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on July 1, 2022. For the latest result analyze now!

98

Desktop

First Contentful Paint
0.3 s
Speed Index
0.8 s
Largest Contentful Paint
1 s
Time to Interactive
0.3 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0
93

Mobile

First Contentful Paint
1 s
Speed Index
2.4 s
Largest Contentful Paint
3.2 s
Time to Interactive
2.6 s
Total Blocking Time
30 ms
Cumulative Layout Shift
0.002

Related Documentation: Link actions

Related Post: 15 Beautiful Full Width Slider Examples


Similar Sliders -

Testimonial ShowcaseProduct ShowcaseVideo ShowcaseNala Showcase