previous arrowprevious arrow
Product 1
HOME / BEDROOM
Bed frame with storage
$1199
Product 2
HOME / LIVING ROOM
Modern Leather Sofa & Chair
Product 3
HOME / SOFAS
Loveseat, gunnared light gray
$1199
Product 4
HOME / DINING
Bar stool, black
next arrownext arrow

Product Slider

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

Description: Transform your products into a fully responsive beautiful sliders. Products slider maybe used to show your recent, best, random or highest rated products. Find the slide which fits perfectly, import and you can start to sell your products.

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

Minimum version: 3.5.0.0

Tags:

Settings

The Product Slider is a boxed slider, so it fits well in your posts or pages, because the slider can be as big as the container it’s in. You can use it as a static slider, so you can display your products, but with Smart Slider you can create a dynamic product slider as well.

Boxed layout

Layers

The slider has layers on the bottom of the slides. You can find basic layers on the slider: headings and a button. If you check the big heading, you can see it has a yellow hover color. You can change this color in the Style tab of the layer window at the typography.

Hover color of the heading

Animations

When you switch a slide, you can see the next or previous slide fades in. This animation is the main animation of the slider which you can change to horizontal or vertical in the Animations tab of the Slider settings.

Main animation settings

Layout

Each slide has the same layout. There is a row with 2 columns. The first row contains 2 heading layers, and the second column has another row on it. This row also has 2 columns, the first has a heading, and the second a button layer.

Layout of the slides

Responsive

If you check the slider in tablet or mobile, you can see it is fully responsive. The main row wraps after 1 column on mobile, so the content has enough space, and the texts are legible. The texts are also smaller, which you can customize with the text scale option.

Text scale option

Core Web Vitals

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

100

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
95

Mobile

First Contentful Paint
1.1 s
Speed Index
1.5 s
Largest Contentful Paint
3 s
Time to Interactive
1.9 s
Total Blocking Time
30 ms
Cumulative Layout Shift
0.004

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


Similar Sliders -

Carousel DividerJoomla Article SliderFull width WordPress post sliderFull-width Product Slider