Headphone
Spotify Premium for 2 months!
Smart Headphone

The acoustic engine makes your listening experience intimate, personal, and real. This is how music would sound if the artist could play it back for you in person.

21 x 15 x 8
Iconic Sound
Available in Wireless
24-hour Battery
$1199.00

Headphone

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

Description: E-commerce web designs are all about tempting the user into looking at your product and persuading him to buy your product. This block design is a great way to highlight your product in attractive and clear way.

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

Minimum version: 3.5.0.0

Tags:

Settings

The Headphone demo is a block type, full width slider, so it has only one slide, and it fills the 100% width of your browser. The slider has a blue background color, and has more kinds of layers. The specialty of the slider is the lightbox. There a 3 small image layers, and if you click on them, a lightbox will open where you can see the images in larger view.

Block type slider

Layers

The block has more kinds of layers: images, headings, text layer, image box layers and button layer. They are in rows and columns, which you can use to create a great structure. The image boxes are special because they can display text and image at the same time. If you don’t have a great image, you can also choose an icon from our icon libraries.

Image box layer

Animations

If you check the block again, you can see the layer animations on the layers. They are coming after each other which gives a nice visual effect for the block. You can use the timeline where you can see the animations together. Here you can harmonize them, change their delay and duration.

Timeline

Layout

The layers are in a 1 row – 2 columns structure. The left column contains a big image layer, and a smaller image and a heading in absolute position. With absolute position you can put layers above or below to others. The right column has a heading layer, a text layer, 4 image boxes, and finally a button and a heading. The image boxes and the button and the heading are also in another row.

2 columns row

Responsive

The Headphone block is fully responsive. The texts are smaller on mobile, so they are more legible, and there are layers which are hidden on smaller views. You can hide a layer in the Style tab of the layer window. With hiding a layer you can save space, and the visitor can focus on the content.

Core Web Vitals

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

99

Desktop

First Contentful Paint
0.3 s
Speed Index
0.4 s
Largest Contentful Paint
0.8 s
Time to Interactive
0.3 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0.045
98

Mobile

First Contentful Paint
1 s
Speed Index
1.6 s
Largest Contentful Paint
2.4 s
Time to Interactive
2.3 s
Total Blocking Time
50 ms
Cumulative Layout Shift
0.005

Related Post: Add Lightbox Slider to your WordPress site

Related Post: Use Beautiful Layer Animations in Smart Slider 3 Pro


Similar Sliders -

BarberProduct SliderStatic testimonialCompany