Content Sliders

YOOtheme Pro comes with various modern content sliders, also known as carousels. Slide through multiple items in compact, interactive layouts with images and videos, perfect for your latest blog posts, featured products and projects.

There are two types of content slides. The Panel Slider arranges its content and media in a flexible layout, either stacked or side by side, optionally styled as cards. The Overlay Slider displays content on top of an image or video in a floating box, as an attached bar or without a background. Add additional image and hover effects, and expand the slider to fill the viewport for prominent hero sections.

Control how many items are visible at each device width for a fully responsive layout. Center the active slide for an uneven number of shown items. Choose between finite and infinite scrolling and optionally enable autoplay.

Browse through the slides with previous and next arrows or an additional dot navigation. Advance through items individually or move all visible items at once as a set. The dot navigation will adjust accordingly. Sliders support touch and swipe navigation, as well as mouse dragging on desktop. Slide transitions and their linked content animations follow your finger or mouse movement, letting you pause or reverse them mid-transition. The animation even accelerates to keep up with your pace.

For story-led layouts, browse through all the slides with a stepless animation while scrolling down the page.

Add items manually or populate sliders dynamically to show posts, products or other content from Joomla, WordPress or WooCommerce. Sliders are fully accessible with keyboard navigation and automatic WAI-ARIA attributes. Images are lazy-loaded for faster page loading, and adjacent slides are preloaded for smooth browsing.