From $369
Phantom 3 Drone

A complete 1080p camera and 3-axis gimbal system are integrated with the Phantom 3 Advanced edition quadcopter from DJI.

From $1299
Apple Watch

Built-in GPS. Water resistance to 50 meters. A new lightning-fast dual-core processor. And a display that’s two times brighter than before.

From $899
HTC Vive Headset

A complete 1080p camera and 3-axis gimbal system are integrated with the Phantom 3 Advanced edition quadcopter from DJI.

Phantom Drone
HTC Vive
previous arrownext arrow
Slider

Full-width Product Slider

Description: Every online store needs a good product slider to show what they have to offer. Smart Slider 3 is the best solution to create this product slider.

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

Minimum version: 3.3.15

Tags:

A product slider is the best tool at your disposal to encourage visitors to buy from your store. Most product sliders display many products next to each other. While that approach saves space, it makes one specific product harder to focus on for the visitor. The Full-width Product Slider took a different approach than most product sliders. It shows a large product image as background. This raises attention and makes the visitor focus on the product more easily. This slider won’t leave the customer wondering what they should do to shop. There’s a clear, minimal CTA on the slider delivering the clear message: buy now!

Once the visitor got interested in your product, they can learn more about it. There’s a white description box about the item at the right side of the slider. This info box was created using Content mode, which guarantees that the description looks perfect on every device. See, lots of people use their phone for browsing. They expect almost the same user experience as desktop users do. This includes being able to read all content without having to zoom in. Content mode helps with this, as it keeps the text sizes the same on every device, so they’ll be large enough on mobile.

The background images have the popular Ken Burns effect on them. This gives a slight movement to the slider. After the slides switch, the layers (on the right side) appear with a flipping layer animation. The slider switches automatically after spending 8 seconds on each slide. However, when the mouse enters the slider area, the slider autoplay gets paused. This allows the visitor to read the text and enjoy the slide without interruption. The navigation is also an interesting part of the Full-width Product Slider. At the bottom, there are thumbnails with the product images. This is a simple but effective way to encourage visitors to check all slides.


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

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

Related Post: 12 Beautiful Full Width Slider Examples


Similar Sliders -

Product ShowcaseBoxed Product CarouselCreate product slider with dynamic slides feature in Smart SliderProduct Carousel